webpack打包

Blessed_Infanta静

于 2018-10-26 12:42:23 发布

阅读量170

点赞数

CC 4.0 BY-SA版权

分类专栏： webpack 文章标签： webpack mode development

本文链接：https://blog.youkuaiyun.com/Foolish_Infanta/article/details/83413165

webpack 专栏收录该内容

1 篇文章

订阅专栏

本文解决Webpack 4.0.0版本中mode选项未设置导致的警告问题，详细介绍了如何通过设置mode为development来改善打包后的代码可读性。

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

我的是4.0.0版本wabpack

webpack ./src/page/index/index.js ./dist/app.js

执行上面这条语句进行webpack打包的时候出现下面的的警告：

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/concepts/mode/

这是因为默认的打包模式为production生产环境模式，所以为了减少文件体积，压缩成了一行。

要设置成可读性好的怎么办？

将mode变为development开发环境即可。也就是加上--mode development即可。如下：

webpack ./src/page/index/index.js -o ./dist/app.js

这里加了一个 -o 是因为4.0.0版本之后的都要写--output-filename和--output-path，这里用-o 代替就行。