Webpack 的坑 keyword «const»错误

今天在学习webpack课程的时候跟着老师使用uglifyjs-webpack-plugin来压缩代码,遇到了以下问题

	ERROR in index.js from UglifyJs
	Unexpected token: keyword «const» [index.js:93,0]

首先上网搜了之后有人说是uglifyjs不支持ES6语法,即使你的代码中没有用到ES6的语法,但是node_modules中的文件会存在ES6语法,而babel不会去将其编译成可执行的ES5语法,因此会报错.有大佬可以定位到具体的文件将其手动转化,小弟刚学这个并不会,这里就不多做赘述

废话不多说,直接上解决方案:

在webpack4以上的版本中,其实是可以支持自动优化代码的,如果你用的是旧版本的webpack,建议升级到webpack4以上的版本,这样你只需要手动设置mode:'development'将其变为开发模式,这样你无需添加任何其他代码就可以使用optimization: { minimizer: [new UglifyJsPlugin()] }来使用uglifyjs了,无需其他复杂的步骤

究其原因,就是课程里使用的旧版本webpack的某些配置已经发生了改变,所以我们在学习过程中应多注意版本问题