angular - npm 相当于 yarn install 和 yarn webpack :build

Question

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

其中之一是: access, adduser, bin, bugs, c, cache, completion, config, ddp, dedupe, deprecate, dist-tag, docs, doctor, edit, 探索，获取，帮助，帮助搜索，我，初始化，安装， 安装测试，它，链接，列表，ln，登录，注销，ls， 过时的，所有者，包，ping，前缀，配置文件，修剪， 发布、rb、重建、repo、重启、root、运行、运行脚本、 s, se, search, set, shrinkwrap, star, stars, start, stop, t, team, test, token, tst, un, uninstall, unpublish, unstar, up, update, v, version, view, whoami

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

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

npm@5.5.1 D:\nodejs\node_modules\npm

Answer 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