码迷,mamicode.com
首页 > Web开发 > 详细

Vue2+Webpack+ES6 兼容低版本浏览器(IE9)解决方案

时间:2018-09-17 22:58:22      阅读:371      评论:0      收藏:0      [点我收藏+]

标签:orm   文件夹   stage   gets   一个   fill   app   row   time   

Vue2+Webpack+ES6 兼容低版本浏览器(IE9)解决方案


解决方式:安装 "babel-polyfill" 即可。


命令:npm install --save-dev babel-polyfill    


在入口main.js文件引入:import ‘babel-polyfill‘

最后一步,在build文件夹下找到webpack.base.conf.js.修改入口方式:

entry: {
app: ["babel-polyfill", "./src/main.js"]
}

最后,再依赖一个插件解决ES6/ES7高级语法兼容
npm install --save-dev babel-preset-es2015-ie


如果根目录下缺少文件.babelrc,新建一个,如下:
{
  "presets": [


["env", {
      "modules": false,
      "targets": {
        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime"],
  "env": {
    "test": {
      "presets": ["env", "stage-2"],
      "plugins": ["istanbul"]
    }
  }
}

 

原文:https://blog.csdn.net/winter__is__coming/article/details/79947361

Vue2+Webpack+ES6 兼容低版本浏览器(IE9)解决方案

标签:orm   文件夹   stage   gets   一个   fill   app   row   time   

原文地址:https://www.cnblogs.com/luoxuemei/p/9665336.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!