Vue 添加自定义 JS 文件参与 ES6 转义

  1. 云栖社区>
  2. 博客>
  3. 正文

Vue 添加自定义 JS 文件参与 ES6 转义

asing1elife 2018-09-15 10:10:01 浏览801
展开阅读全文
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82711342

Vue 添加自定义 JS 文件参与 ES6 转义

vue 中可能存在部分 JS 文件使用了 ES6 语法,但默认不会被 babel-loader 扫描到,从而出现编译后的项目 ES6 语法没有被转义

更多精彩

报错信息

  1. 下列报错信息就是说明在 ::node_modules/quill-image-extend-module/index.js:: 文件中存在 ES6 的语法糖
  2. 由于目前大部分浏览器默认不支持 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.

解决方式

  1. 在 ::webpack.base.conf.js:: 中添加如下语法
{
  test: /\.js$/,
  loader: 'babel-loader',
  include: [
    resolve('src'),
    resolve('test'),
      // 只有这一行是添加的,由于指定自定义扫描文件
    resolve('node_modules/quill-image-extend-module/index.js')
  ],
},

网友评论

登录后评论
0/500
评论