我的webpack好像不能压缩js文件了?

来源:4-5 SplitChunksPlugin 配置参数详解(1)

北乔峰27

2019-05-21

css压缩使用了MiniCssExtractPlugin可以正常压缩,但是js我记得之前mode是production模式就可以自动压缩,但是现在我把mode:production却不能自动压缩js文件了,于是我把js文件中用到es6的全部注释掉也依然不可以自动压缩js文件了,于是我引入了uglifyjs-webpack-plugin,

optimization:{
        minimizer: [ new OptimizeCSSAssetsPlugin({}),
        new UglifyJsPlugin({}),
        ],
    }

这下可以自动压缩js了,但是当我在js中使用es6语法时,再次运行npm run build打包就会报错,在网上查了查,是不是uglifyjs-webpack-plugin这个插件无法做es6的压缩?
难道对于用到es6的js文件就没办法压缩了嘛?
我也不知道是因为什么设置导致的,是Tree Shaking吗?还是Code Splitting导致的?我不清楚,有人能给我指个方向吗?

写回答

1回答

北乔峰27

提问者

2019-05-21

好像是因为版本的问题导致的无法压缩es6代码,我尝试安装了这个版本:

npm i -D uglifyjs-webpack-plugin@beta ,但是当我安装之后好像提示我需要webpack版本问题了,没有细看,

不过的确能正确运行了,webpack官方文档好像并没有说明需要通过@beta来安装,也可能我漏看了,我记得之前使用extract-text-webpack-plugin插件时候也是因为版本的问题,通过extract-text-webpack-plugin@next安装才顺利解决了问题,这还是有老师带着讲,这要是自学,得踩多少冤枉坑啊,不过webpack文档真的太简陋了,不好看懂,看懂了也不知什么原理

0
1
Dell
哈这个文档经常在变,后面我对一些细节做些补充
2019-05-23
共1条回复

从基础到实战 手把手带你掌握新版Webpack4.0

知识点+项目实例+原理讲解 全方位解析Webpack4新版本

3627 学习 · 1291 问题

查看课程