如何在ASP.NET Core中使用npm
我正在使用NPM来管理我的ASP.NET Core应用程序所需的jQuery,Bootstrap,Font Awesome和类似的客户端库. 从为我添加一个package.json文件开始,对我有用的方法,看起来像这样: { "version": "1.0.0", "name": "myapp", "private": true, "devDependencies": { }, "dependencies": { "bootstrap": "^3.3.6", "font-awesome": "^4.6.1", "jquery": "^2.2.3" } } npm将这些软件包还原到node_modules文件夹,该文件夹与项目目录中的wwwroot相同的级别: 作为ASP.NET Core为WWWRoot文件夹提供静态文件,而Node_modules不存在,我必须进行几个更改才能进行此工作,这是第一个
0 2024-04-11
编程技术问答社区
用webpack对多个javascript文件进行最小化处理
我是WebPack的新手.我希望使用WebPack将文件夹中的所有文件缩小到单个JS.我不希望在输入部分中手动添加所有文件名. 我很确定必须有一种干净的方法,但是我无法在Google或WebPack官方文档上找到它. 请帮助. 解决方案 这可能有效: const glob = require("glob"); module.exports = { entry: glob.sync("./src/*.js") };
0 2024-04-05
编程技术问答社区
部署多个html文件的问题。伞兵
当我部署一个网站(具有多个输入点,许多HTML文件)时,主机使用构建命令:parcel build index.html aboutme.html.部署的网站给我404错误.但是,如果我在url/aboutme.html或/index.html中写入……这就像一个路由问题. http://localhost:1234 => 404错误, http://localhost:1234/aboutme.html =>它去. 带有1个入口点,它可以很好,但是我想要多个HTML文件. 我搜索了在线命令,例如: "build:client": "parcel build client/index.html --out-dir dist/client", 或 "build:server": "parcel build server/index.js --target node --out-dir dist/server", 使用此怪异的标志命令:--watch
0 2024-04-05
编程技术问答社区
rollup是否将node_modules捆绑到bundle.js中?
我正在测试driving lolpolupjs 将节点应用程序打包到bundle.js和很困惑. 汇总支持捆绑完整的节点应用程序(包括node_modules),或仅是项目一部分的JS文件? 我有一个标准节点项目(1 index.js , node_modules中的成千上万个文件,只需要一个bundle.js.我尝试了: rolup.config.js : import commonjs from 'rollup-plugin-commonjs'; import nodeResolve from 'rollup-plugin-node-resolve'; export default { entry: 'index.js', dest: 'bundle.js', format: 'iife', plugins: [ commonjs({ // non-CommonJS modules will be ignored, but you
0 2024-04-05
编程技术问答社区
使用Webpack,是否可以只生成CSS,不包括output.js?
我正在使用 webpack 与在我的项目中,我有一些构建脚本.其中一个构建脚本应该仅捆绑并缩小CSS.当我将WebPack用于其他脚本时,我发现即使我只想捆绑并缩小CSS . 它工作正常,除了我无法摆脱output.js文件.我不希望由此产生的WebPack输出文件.我只想要这个特定脚本的CSS. 有没有办法摆脱所产生的JS?如果不是,您是否建议其他用于处理CSS的工具?谢谢. 解决方案 有一种简单的方法,不需要额外的工具. 有一种简单的方法,您不需要额外的库,除了您已经在使用: webpack 使用 extfract-text-text-text-webpack-plugin . 简而言之: 使输出JS和CSS文件具有相同的名称,然后CSS文件将覆盖JS文件. 真实示例(webpack 2.x): import path from 'path' import ExtractTextPlugin from 'extract-text-webp
0 2024-04-05
编程技术问答社区
使用npm来安装或更新所需的软件包,就像bundler for rubygems一样
我喜欢 bundler ,这在依赖性管理方面很棒.我喜欢 npm ,安装节点软件包很容易!我有一个nodejs应用程序,很想能够指定我的应用程序依赖项,并在我部署应用程序的任何地方都可以轻松安装/更新它们.这不是我要发布的库,它是一个完整的Web应用程序. 我知道npm bundle命令,但这似乎只是覆盖了安装软件包的目录. 我习惯于以这种方式使用Bundler: # Gemfile gem "rails", "3.0.3" 仅在尚不存在的情况下,安装Rails v3.0.3和任何其他必需的宝石 > bundle install 我如何获得NPM类似的东西? 解决方案 从NPM 1.0起(如果您按照读数文件中的步骤遵循默认情况下,现在是默认情况下),"捆绑包"不再是隔离的事物 - 它只是"它如何工作". so: 将package.json文件放在项目的根部 在该文件中列出您的dep { "name" : "my-project" ,
0 2024-04-05
编程技术问答社区
由于语法错误,Webpack无法捆绑
我有兴趣学习Windows上的Django + ReactJ,所以我遵循了这一步骤教程. 现在,我正处于捆绑阶段.当我将捆绑器作为快速理智检查时: $ node_modules/.bin/webpack --config webpack.dev.config.js 我得到node_modules is not recognized as a windows command.尝试不同的解决方案后,我发现在webpack命令前使用node命令正在执行WebPack. 这样做似乎是在启动webpack,但是我遇到了这个错误: $ node node_modules/.bin/webpack --config webpack.dev.config.js \node_modules\.bin\webpack:2 basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") ^^^^^^^ Syntax
2 2024-04-05
编程技术问答社区
没有找到scss-bundle命令
我确实在Mac上使用npm install scss-bundle -g在全球范围内确实安装了 解决方案 我怀疑这是因为您的NPM前缀值不在系统的PATH环境变量上.前缀将显示要安装全球安装模块的目录. 也许您可以尝试以下内容,看看是否有帮助: 查找您的 npm prefix -g 检查系统的PATH环境变量的值,并确保步骤1的位置位于此路径内: echo $PATH 如果此前缀位置不在您的PATH环境变量上,则有两个解决此问题的选项: 在您的.bashrc文件中调整系统的PATH环境变量,以从上一节中添加步骤1中给出的前缀位置.沿着: 的线 export PATH=$PATH: source ~/.bashrc 调整您的NPM前缀,以指向系统的路径环境已经在寻找的位置,然后重新安装scss-bundle,沿着: 的线 npm config set prefix /usr/local npm i
0 2024-04-05
编程技术问答社区
npm run cordova-build-ios。
我遵循本教程在我的Windows机器上构建应用程序. -plugin-cordova 我安装了Android Studio,Java JDK 1.8,Gradle和Android SDK为Android构建.然后我跑了以下命令: npm run cordova-build-android 我得到了所需的apk. 现在,我想构建一个iOS-App,其中命令以下命令: npm run cordova-build-ios 我必须安装什么?我需要安装虚拟机,Mac OS和Xcode吗?我可以使用源代码维护现有的项目结构吗? 我必须在config.xml中添加什么?我使用Axios,并希望使用HTTP访问XAMPP服务器.
2 2024-04-05
编程技术问答社区
ReactJS是否支持有跨期版本冲突的组合组件?
我想知道我是否可以使用可能具有不同版本的子组件依赖项的组件来构建使用ReactJ并浏览应用程序? 例如,假设使用组件的A和B.组件A取决于组件C:1.0.2和组件B取决于组件C:2.0.5. react/browserify构建会陷入此问题吗? 我感到好奇的原因是聚合物注册表不支持具有版本冲突的传递依赖性: https://github.com/polymer/polymer/polymer/polymer/sissues/326 tia, Ole 解决方案 没有测试案例,但是,我认为这是可能的.捆绑或导入时,我会提防可变覆盖. // Component A import C as C from "/path/to/module"; //Component B import C as C-2 from "/path/to/module.2";
0 2024-04-05
编程技术问答社区
npm ERR!reminder@0.1.0 build。`CI= react-scripts build`。
我有一个基本的reactjs应用. 我想将其部署到Netlify.要在Netlify上部署它,我需要先构建它. 但是当我运行npm run build时,它会以错误为止. 我的NPM版本是6.14.8. CI= react-scripts build 'CI' is not recognized as an internal or external command, operable program or batch file. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! reminder@0.1.0 build: `CI= react-scripts build` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the reminder@0.1.0 build script. npm ERR! This is probably not a problem w
2 2024-04-05
编程技术问答社区
试图构建Angular的时候收到错误
我试图为Production构建我的Angular Application. 当我尝试 时 ng build --prod 我收到此错误 Option "--prod" is deprecated: Use "--configuration production" instead. Option "extractCss" is deprecated: Deprecated since version 11.0. No longer required to disable CSS extraction for HMR. ⠋ Generating browser application bundles (phase: setup)...An unhandled exception occurred: ENOENT: no such file or directory, lstat '/Users/xxx/Documents/GitHub/spa/node_modules/
0 2024-04-05
编程技术问答社区
如何在webpack watch发生时运行并发的脚本?
背景 我当前有一个NPM脚本,看起来像 "dev":"yarn install && concurrently -k \"npm run webpack\" \"cd dist/ && node App.js\" \"npm run test\" \"npm run lint\"" 从逻辑上讲,这会运行webpack,并并行启动应用程序,绒毛和测试. 该脚本中的 NPM WebPack具有-WATCH SET 注意:这是用于开发的 问题 这试图在应用程序之前运行该应用程序 当WebPack重新包装 时,这将不会重新运行该应用程序 目标 运行npm run webpack一次 当它输出(意味着手表发射并完成)运行其他三个命令 当某些事情崩溃通知我时,不要浪费时间运行不起作用的东西,但是在我修复文件时再试一次. 真正的问题 我不知道我不知道什么.我怀疑真正的答案可能会在WebPack配置中本身可能存在,或者有一个比并发/观
0 2024-04-05
编程技术问答社区
在创建react-app之后,React npm start不起作用。
我正在学习反应,我的英语很差.我已经有两个React项目,但它们也不起作用:(我遵循此步骤, npx create-react-app my-app CD my-app NPM开始 但行不通.我尝试再次安装干净的缓存和NPM安装,但没有成功.我该如何解决? > my-app@0.1.0 start /Users/edu/Documents/htdocs/my-app > react-scripts start There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. The react-scripts package provided by Create React App requires a dependency: "babel-l
4 2024-04-05
编程技术问答社区
带有自定义命令(构建)的Devops npm任务不工作
我试图通过使用" npm"任务来自动化我的vue.js应用程序的构建过程(azure devops). 要安装节点软件包,我使用了内置的"安装"命令使用NPM任务. 对于构建过程,我已经部署了另一个NPM任务,但是使用自定义命令(build).此自定义构建命令成功运行以下警告 " npm警告构建'npm build',没有争论.你是说 'NPM Run-Script build'?" 我相信它根本没有做构建 总文件复制:0.[警告]目录'd:\ a \ 3 \ a \ drop'是空的. 都不会添加任何内容来构建工件. 我尝试了'NPM Run-Script build'命令,但获取错误 " npm失败,返回代码:1" 有一些堆栈溢出线程(>这里)人们提到构建是安装的内部命令.如果确实如此,为什么我看不到安装命令创建的DIST文件夹,或者我的自定义命令NPM任务做错了什么? NPM安装任务 NPM安装任务与自定义构建命令
2 2024-04-05
编程技术问答社区
Ionic框架:创建项目时Ionic构建失败(v4.12.0)
我在系统中安装了ionic.当我运行ionic run app tabs时,它会安装所有npm软件包,但提示掉到 Downloading binary from https://github.com/sass/node-sass/releases/download/v4.11.0/linux-x64-72_binding.node Cannot download "https://github.com/sass/node-sass/releases/download/v4.11.0/linux-x64-72_binding.node": HTTP error 404 Not Found 然后在显示提示 的情况下失败 gyp ERR! build error gyp ERR! stack Error: `make` failed with exit code: 2 gyp ERR! stack at ChildProcess.onExit (/home/l3g0
2 2024-04-05
编程技术问答社区
如何改变React项目中的生产构建静态文件夹路径?
我有一个 React 项目,我在该项目上进行了npm run build,这为我做了生产.问题在于它为我提供了以下样式表注入index.html> 您可以看到,路径集为./static/js/ ,但我希望将路径设置为./static/dashboard/js/5.a4bfdba9.chunk.js 我无法弄清楚在何处或何处确保每次运行构建时,它都会采用我指定的路径而不是默认路径? 注意:我在package.json中查看"homepage": "."属性,但是更改此操作只会在/static/js/ 之前附加一条路径 解决方案 更新: 您需要更新WebPack配置以实现此目的.有多种方法: 反应标记弹出(不推荐) 补丁包 react-app-rewired 我正在为patch-package提供步骤. 您需要更改React
0 2024-04-05
编程技术问答社区
Angular CLI停止工作-意外的token {
我使用Angular CLI创建了一段时间的项目,并且运行良好.但是,当我今天尝试创建一个新项目时,我在尝试使用它时会出现错误. ng serve Unexpected token { SyntaxError: Unexpected token { at exports.runInThisContext (vm.js:53:16) at Module._compile (module.js:373:25) at Object.Module._extensions..js (module.js:416:10) at Module.load (module.js:343:32) at Function.Module._load (module.js:300:12) at Module.require (module.js:353:17) at require (internal/module.js:12:17) ... 这是完整的堆栈
0 2024-04-05
编程技术问答社区
Grunt:自定义任务开发方法
我需要实施一个自定义的咕unt任务,我对开发工作流感到绝对失去. 如何制定自定义任务,并在开发过程中使用NPM模拟加载? 还有其他方法可以分发自定义任务而不是使用npm?我的意思是,我可以分发一个JavaScript文件,以定义整个自定义grunt任务并直接将其导入? 由于整个任务将处于非常早期的开发阶段,因此在npm中发布它的努力不是一个好主意. 预先感谢. 解决方案 自定义grunt任务基本上是节点模块,您可以将其发布到NPM注册表.查看现有的文档,以及如何在此处构建它们: http://gruntjs.com/api/grunt.task 基本上,您只是做这样的事情: module.exports = function (grunt) { // or use grunt.registerMultiTask grunt.registerTask('your-taskname', 'your task description',
4 2024-04-05
编程技术问答社区
如何停止npm脚本在后台自动运行
im使用NPM脚本,我有一些应该并行运行.我有这样的东西: ... scripts: { "a": "taskA &", "preb": "npm run a", "b": "taskB" } ... 这很好!但是我想在任务完成后自动杀死Taska运行背景. 我该怎么做? 谢谢! 解决方案 我不认为NPM是管理过程之间复杂关系的最佳工具. 创建一个使用节点的 child_process 模块的模块为了管理共同处理的启动和杀戮,也许可以使用这么说,并以一直试图提供直接可用的答案的精神. 您可以构建NPM脚本,例如(假定 bash shell): scripts:{ runBoth: "npm runA & npm runB", // run tasks A and B in parallel runA: "taskA & TASKA_PID=$!", // run task A and capt
0 2024-04-05
编程技术问答社区