新手记录-----vue兼容ie操作
作者：互联网
才看了博客园中其他大佬的博文，想着还是记录到自己的博客中保存一下，方便日后的翻阅。
总所周知，vue项目一般不兼容ie浏览器，支持ie9以上的内核，但是不支持es6的语法。
所以在ie中打开项目会报错，并且是白屏。错误提示 ：SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser.
所以需要安装插件使得不可被解析的es6语法转换为可解析的es5。
装了cnpm的可以用cnpm ，没装的用npm
命令为 npm install babel-polyfill --save
在main.js最前面引入 import 'babel-polyfill'，确保都可以被解析到
将build文件夹的webpack.base.conf.js中的
module.exports = {
entry: {
app: './src/main.js'
},
替换为
module.exports = {
context: path.resolve(__dirname, '../'),
entry: {
app: ["babel-polyfill", "./src/main.js"],
}
如果引入 babel-polyfill还有一些高级语法没有被编译，配置 .babelrc文件，官网如下： https://www.babeljs.cn/ 根据项目选择引入什么插件，以及如何配置，详情查看官网。
检查根目录下是否有.babelrc文件，如没有自行创建。
.babelrc是Babel的配置文件，放在项目根目录下，使用Babel的第一步就是配置这个文件，该文件主要是对预设（presets）和插件（plugins）进行配置
创建.babelrc文件的方法：
1.新建一个文件
2.右键-重新命名-输入.babelrc. （开头和结尾一共两个点）
3.添加配置代码
{
"presets": [
["env", {
"modules": false,
"useBuiltIns": "entry"
}],
"stage-2"
]
}
完整版请浏览原博客，本文仅为个人的学习随笔记录
转载于https://www.cnblogs.com/songfengyang/p/12851813.html 小羊不挑食的博客
标签：文件,插件,vue,babelrc,polyfill,js,-----,babel,ie 来源： https://www.cnblogs.com/nangongbihan/p/14142625.html