vue-cli兼容ie浏览器

当你高高兴兴的写完了页面，谷歌完美运行，但是到了ie,“SCRIPT1006：缺少‘)’，”SCRIPT1004: 缺少 ‘;’，你以为是真的缺少这些东西吗？不，你错了，只是编译出了问题罢了。
vue-cli其是兼容ie的，前提是你写的代码都是es5,因为ie不支持es6,如果你使用了箭头函数，let等es6新语法，那么ie你就需要下载一个babel-polyfill插件。
这个插件的作用就是将es6转为es5.
首先npm i babel-polyfill –save
安装完成后，在main.js中 import babel-polyfill
然后在webpack.base.config.js中修改如下

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {
    app: ["babel-polyfill", "./src/main.js"]
  },

如果你没有引入新的插件，那么恭喜了，现在可以在ie打开了。
如果你引入了新的插件如 vue-echarts,
那么还是在webpack.base.config.js中修改如下：

{
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test'),
          resolve('node_modules/webpack-dev-server/client'),
          resolve('node_modules/vue-echarts'),
          resolve('node_modules/resize-detector')]
      },

这里的意思是将目录下的代码以es5的方式编译，若你在static下也是写了js文件(有es6语法)，那么也需要resolve(‘static’)