node.js – webpack入门4的问题

我完全按照 here给出了教程.但令我惊讶的是,这些文档似乎已经过时了.例如

npx webpack src / index.js dist / bundle.js失败：

The CLI moved into a separate package: webpack-cli. Please install
‘webpack-cli’ in addition to webpack itself to use the CLI.
-> When using npm: npm install webpack-cli -D
-> When using yarn: yarn add webpack-cli -D

如果我安装webpack-cli并再试一次,我会看到以下错误：

Hash: af9bc06fd641eb0ffd1e Version: webpack 4.0.0 Time: 3865ms Built
at: 2018-2-26 05:10:45 1 asset Entrypoint main = main.js 07001
(webpack)/buildin/module.js 519 bytes {0} [built] 07002
(webpack)/buildin/global.js 509 bytes {0} [built] [3]
./src/index.js 212 bytes {0} [built] [4] multi ./src/index.js
dist/bundle.js 40 bytes {0} [built]
+ 1 hidden module

WARNING in configuration The ‘mode’ option has not been set. Set
‘mode’ option to ‘development’ or ‘production’ to enable defaults for
this environment.

ERROR in multi ./src/index.js dist/bundle.js Module not found: Error:
Can’t resolve ‘dist/bundle.js’ in ‘/var/app/webpack_demo’ @ multi
./src/index.js dist/bundle.js

我希望我没有做一些疯狂的事情,鉴于webpack的流行,文档应该反映实际行为.如果我是,请告诉我
做错了.

编辑

升级到webpack 4的详细说明可能会有所帮助

解决方法

您可以在webpack config或cli命令中传递mode param.

配置：模式：’开发’或模式：’生产’

CLI：webpack –mode开发或webpack – 模式生产