vue + webpack 添加的引用不编译成ES6的问题

Posted saving

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue + webpack 添加的引用不编译成ES6的问题相关的知识,希望对你有一定的参考价值。

自己写的组件,发现被项目引用后,不被转成ES6。应该是组件的配置有些问题。 找个时间找下原因。

 

目前的临时方案是修改项目的babel:

 

原先的使用babel配置是

 

  {
    test: /\\.js$/,
    use: ["babel-loader"],
    exclude: /node_modules/
  }

  

现在改为

 

  {
    test: /\\.js$/,
    use: ["babel-loader"],
    include: [
      resolve("src/"),
      resolve("node_modules/batman-mask"),
      resolve("node_modules/batman-active-panel"),
      resolve("node_modules/batman-paged-panel"),
      resolve("node_modules/ly-tab"),
      resolve("node_modules/vue-slide-tabs"),
    ]
    // exclude: /node_modules/,
  }

  

之前也折腾过一个问题   关于IE的。

以上是关于vue + webpack 添加的引用不编译成ES6的问题的主要内容,如果未能解决你的问题,请参考以下文章

不使用 webpack 或 browserify 将 .vue 文件编译成 .js 文件

webpack编译es6

vue+webpack+sass 入坑 配置ES6 编译

webpack打包不识别es6语法的坑

yarn 常用命令(基于vue框架)

sh 配合Vue.js配置Webpack - 35. babel编译报错信息的具体,其实就是ES6的模板字符串无法读取