版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82711342
Vue 添加自定义 JS 文件参与 ES6 转义
vue 中可能存在部分 JS 文件使用了 ES6 语法,但默认不会被
babel-loader
扫描到,从而出现编译后的项目 ES6 语法没有被转义
更多精彩
- 更多技术博客,请移步 asing1elife’s blog
报错信息
- 下列报错信息就是说明在 ::node_modules/quill-image-extend-module/index.js:: 文件中存在 ES6 的语法糖
- 由于目前大部分浏览器默认不支持 ES6 语法,所以项目编译后如果没有把 ES6 语法转义成 ES5 语法,浏览器则会报错
ERROR in static/js/vendor.9447dc694e95071dbce3.js from UglifyJs
Unexpected token operator «=», expected punc «,» [./node_modules/quill-image-extend-module/index.js:12,0][static/js/vendor.9447dc694e95071dbce3.js:28927,35]
Build failed with errors.
解决方式
- 在 ::webpack.base.conf.js:: 中添加如下语法
{
test: /\.js$/,
loader: 'babel-loader',
include: [
resolve('src'),
resolve('test'),
// 只有这一行是添加的,由于指定自定义扫描文件
resolve('node_modules/quill-image-extend-module/index.js')
],
},