webpack-mode

webpack打包报错

问题：

在webpack执行打包的时候，可以正常打包，但是会出现红色警告。

yarn build 或者 webpack

报错信息如下：

解决1：

在项目跟目录创建webpack.config.js 文件

在文件中加入代码即可

module.exports = {
    mode: 'production',
}

解决2：

在项目跟目录找到package.json 文件

修改代码

"scripts": {
    "build": "webpack"
},

为

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

再次执行代码

yarn build 或者 webpack

原因：

webpack提供了配置模式(mode)

通过选择 development, production 或 none 之中的一个，来设置 mode 参数，你可以启用 webpack 内置在相应环境下的优化。其默认值为 production。

• 选择 development 打包后，一些没有依赖的方法、变量、文件会保留

• 选择production 打包后，一些没有依赖的方法、变量、文件会被移除。代码会进行压缩，比 development 的文件小。