vue打包时遇到的问题(Es6)

Es6语法IE下兼容问题

UglifyJsPlugin报错
UglifyJsPlugin不支持Es6语法,vue-cli生成的项目中当引入的node_modules里有es6的的语法vue文件时,会报错如:
ERROR in static/js/vendor.2de645693dea309ad3b2.js from UglifyJs
Unexpected token: operator (>) [./~/vue-bulma-tooltip/src/index.js:14,0][static/js/vendor.2de645693dea309ad3b2.js:60880,24]

解决方法
修改webpack.base.conf配置

function resolve (dir) {
  return path.join(__dirname, '..', dir)
}

修改前

{
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test')]
      }

修改后

{
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test'),resolve('node_modules/vue-bulma-tooltip')]
      }

IE报vuex requires a Promise polyfill in this browser问题解决
解决方法 安装babel-polyfill , babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法
1. npm install -save babel-polyfill
2. 修改在webpack.config.js配置

修改前

module.exports = {
  entry: {
    app: "./src/main.js"
  }
};

修改后

module.exports = {
  entry: {
    app: ["babel-polyfill", "./src/main.js"]
  }
};
©️2020 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页