前端使用webpack打包有警告信息

summer snow rain

已于 2022-08-18 22:33:53 修改

阅读量1.8k

点赞数

分类专栏：前端知识储备文章标签：前端 webpack javascript

于 2022-08-18 22:31:07 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_44826970/article/details/126415063

版权

知识储备同时被 2 个专栏收录

19 篇文章

订阅专栏

前端

7 篇文章

订阅专栏

在前端代码打包过程中遇到webpack警告，提示未设置'mode'选项。为区分测试和生产环境，需指定mode。测试环境使用`webpack --mode=development`，生产环境则用`webpack --mode=production`。正确设置后，警告消除，代码成功打包。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

警告信息

终端输入webpack对前端代码打包的时候出现了警告信息，如下：

asset bundle.js 305 bytes [emitted] [minimized] (name: main)
./src/main.js 117 bytes [built] [code generated]
./src/common.js 78 bytes [built] [code generated]
./src/utils.js 45 bytes [built] [code generated]

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value.
Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/

webpack 5.74.0 compiled with 1 warning in 309 ms

原因

需要指定自己打包的是生产环境还是测试环境，我这边做测试，所以在终端输入命令 webpack --mode=development即可。如果是生产环境，使用命令webpack --mode=production即可。
显示如下：

asset bundle.js 2.93 KiB [emitted] (name: main)
./src/main.js 117 bytes [built] [code generated]
./src/common.js 78 bytes [built] [code generated]
./src/utils.js 45 bytes [built] [code generated]
webpack 5.74.0 compiled successfully in 226 ms