Node.js webpack 4的入门问题

我完全按照给出的教程进行操作。但令我惊讶的是，这些文件似乎过时了。e、 g

npx webpack src/index.js dist/bundle.js

出现以下故障：

CLI移动到一个单独的包中：webpack CLI。请安装 除了webpack本身之外，还可以使用“webpack cli”来使用cli。 ->使用npm时：npm安装webpack cli-D ->使用纱线时：纱线添加网页包cli-D

如果我安装webpack cli并重试，我会看到以下错误：

哈希：af9bc06fd641eb0ffd1e版本：webpack 4.0.0时间：3865ms生成 时间：2018-2-26 05:10:45 1资产入口点main=main.js （webpack）/buildin/module.js 519字节{0}[builded] （webpack）/buildin/global.js 509字节{0}[build][3] ./src/index.js 212字节{0}[build][4]多。/src/index.js dist/bundle.js 40字节{0}[编译] +1隐藏模块

警告：配置中未设置“模式”选项。设置 将“模式”选项设置为“开发”或“生产”，以启用 这个环境

未找到multi./src/index.js dist/bundle.js模块中的错误：错误： 无法在“/var/app/webpack_demo”@multi”中解析“dist/bundle.js” ./src/index.js dist/bundle.js

我希望我没有做什么疯狂的事，鉴于网页的流行，文档应该反映实际行为。如果我是，请告诉我 做错事

编辑

---

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

它将很快更新，有关信息，请参阅链接

我们即将完成迁移指南和v4文档添加！要跟踪进度或提供帮助，请访问我们的文档存储库，查看下一个分支，并提供帮助

---

得到了同样的问题，经过一点研究发现这是一个需要解决的问题

选项之一：

内部将

脚本

设置为

开发

或

生产

模式

"scripts": {
  "dev": "webpack --mode development",
  "build": "webpack --mode production"
}

现在，当您运行

npm-run-dev

时，它将为您提供

bundle.js

，但没有缩小

---

但是，当您运行

npm run build

时，它将为您提供一个小型捆绑包

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

模式

参数

配置：

模式：“开发”

或

模式：“生产”

---

CLI:

webpack--模式开发

或

webpack--模式生产

webpack 4文档尚未准备就绪。我最近从Webpack3迁移到了Webpack4，花了我相当长的时间来解决所有问题

这里有一个我的回购示例，您可以将其用作从webpack 3迁移到webpack 4的参考

有一个特定于迁移的提交。更多信息，请查看该文档。

网页包团队正在尽快更新包文档。 官方网站提供了新的指南和文档

同时，您还可以阅读媒体上的相关帖子：

查看GitHub此项目旨在成为一个第4页教程。 项目的

自述文件

中包含了指向网页配置中使用的有用资源的先前链接和其他链接。 它有两个零配置构建（使用新的webpack

模式

选项，其中包括一组默认设置），另外两个使用自定义配置

---

由于CLI已移至

webpack CLI

，因此您还需要在

devdependences

中安装此软件包。 另外，希望在CLI运行或配置对象上设置新的

模式
配置

npm
脚本中的CLI使用情况：

"scripts": {
    "dev": "webpack --mode development",
    "prod": "webpack --mode production"
}

在webpack配置对象中设置
模式
属性：

{
    mode: 'production' // | 'development' | 'none'
}

如果未指定模式值，webpack将使用
生产
值（默认选项）。但在输出中警告您：

配置中的警告

尚未设置“模式”选项。将“模式”选项设置为“开发”或“生产”，以启用此环境的默认设置

Webpack
模式
通过使用一组默认值（配置属性的默认值取决于
模式
值），减少有用构建所需的配置：


生产
支持各种优化以生成优化的捆绑包
开发
支持有用的错误消息，并针对速度进行了优化
none
是一种隐藏模式，可禁用所有功能

请阅读网页配置文件中有关
的详细信息：

const isProd = process.env.NODE_ENV === 'production';
module.exports = {
  ***
  mode: isProd ? 'production' : 'development'
  ***
};

在package.json中：

***
"scripts": {
   "dev": "node ./app.js",
   "prod": "cross-env NODE_ENV=production npm run dev",
   ***
},
***
"dependencies": {
   "cross-env": "^7.0.2",
   ***
}
***

看起来文档仍然停留在webpack 3上，需要进行一些研究，也许可以尝试压缩您的问题。例如，警告并没有引起您的问题@DaveKaye，你的评论没有任何意义，文档应该反映网页的最新变化，否则这些都是误导和浪费时间的，特别是对于初学者。甚至他们也没有提到文档要处理的版本。你也可以检查这个项目。希望有帮助！配置页面中仍然没有模式，现在是4.5.0:）