npm 相当于 yarn install 和 yarn webpack:build

Posted 2023-02-16

【中文标题】npm 相当于 yarn install 和 yarn webpack:build

【英文标题】：npm equivalent to yarn install and yarn webpack:build

【发布时间】：2018-05-04 08:00:55

【问题描述】：

Jhipster 的 http://www.jhipster.tech/installation/ 允许在不同的问题上使用 yarn 或 npm Application generated with JHipster 4 returning blank page on 8080, but not on 9000 建议运行 yarn install 和 yarn webpack:build 我是 UI 开发新手，我们只允许使用 npm，所以我想知道 yarn install 和 yarn webpack:build

的等效项

我用

生成了一个新项目

D:\rajblog>jhipster --npm 使用全局安装的 JHipster 版本 运行默认命令 执行 jhipster:app 选项：npm: true

（不是用“yo jhipster --npm”），它自动调用“npm install”，但是当我运行“npm webpack:build”时，它没有运行我得到了

D:\rajblog>npm webpack:build

用法：npm

其中之一是：

和

D:\rajblog>npm webpack-build

用法：npm

其中之一是： 访问，adduser，bin，bug，c，缓存，完成，配置， ddp，重复数据删除，弃用，dist-tag，文档，医生，编辑， 探索，获取，帮助，帮助搜索，我，初始化，安装， 安装测试，它，链接，列表，ln，登录，注销，ls， 过时的，所有者，包，ping，前缀，配置文件，修剪， 发布，RB，重建，回购，重新启动，根，运行，运行脚本， s，se，搜索，设置，shrinkwrap，明星，明星，开始，停止，t， 团队，测试，令牌，tst，联合国，卸载，取消发布，取消星号， up, update, v, version, view, whoami

npm -h 快速帮助 npm -l 显示完整的使用信息 npm help 搜索帮助 npm 帮助 npm 涉及概述

在 ini 格式的文件中指定配置： C:\用户\XXUid.npmrc 或通过命令行：npm --key value 配置信息可以通过以下方式查看：npm help config

npm@5.5.1 D:\nodejs\node_modules\npm

【参考方案1】：

您可以在 package.json 文件中看到已定义的脚本，例如：

"scripts": 
  "cleanup": "rimraf build/aot,www",
  "build": "yarn run webpack:prod",
  …
  "webpack:build:main": "yarn run webpack -- --config webpack/webpack.dev.js --progress --profile",
  "webpack:build": "yarn run cleanup && yarn run webpack:build:main",
  …
  "webpack": "node --max_old_space_size=4096 node_modules/webpack/bin/webpack.js",

基于此，您可以使用以下npm run 命令启动 webpack：

npm run cleanup && npm run webpack -- --config webpack/webpack.dev.js --progress --profile

选择您要使用的脚本，例如webpack/webpack.dev.js 或 webpack/webpack.prod.js

第二种方法是全局安装 webpack

npm install --global webpack

运行脚本为

webpack --config webpack/webpack.dev.js 

【参考方案2】：

要使用 npm，您需要使用 --npm 标志生成项目：jhipster --npm

然后，命令类似： npm install 和 npm webpack:build