Vue 添加自定义 JS 文件参与 ES6 转义-阿里云开发者社区

开发者社区> 开发与运维> 正文

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

简介: 版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82711342 ...
版权声明:本文首发 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')
  ],
},

版权声明:本文首发在云栖社区,遵循云栖社区版权声明:本文内容由互联网用户自发贡献,版权归用户作者所有,云栖社区不为本文内容承担相关法律责任。云栖社区已升级为阿里云开发者社区。如果您发现本文中有涉嫌抄袭的内容,欢迎发送邮件至:developer2020@service.aliyun.com 进行举报,并提供相关证据,一经查实,阿里云开发者社区将协助删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章