搭建的vue2项目 IE10及以上兼容处理

创建vue2.x项目

vue create test
test为你的项目名

1. 选择Manually select features
2. 必选Babel，空格选择，回车确定
   
3. 选择2.x
4. 好了继续创建项目吧，其他资料略过

需要用到的包

yarn add es6-promise
yarn add core-js
yarn add regenerator-runtime
yarn add @babel/plugin-syntax-jsx

babel.config.js配置

文件在项目根目录，若文件不存在就手动创建

module.exports = {
  presets: [
    // '@vue/cli-plugin-babel/preset'
    [
      '@vue/app',
      {
        modules: false,
        targets: {
          browsers: ['ie >= 9']
        },
        useBuiltIns: 'entry',
        polyfills: ['es6.promise', 'es6.symbol']
      }
    ]
  ],
  plugins: ['@babel/plugin-syntax-jsx']
}

package.json配置

添加配置项

  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 9", // 配置浏览器最低运行环境，IE10以下不支持
    "not dead"
  ]

main.js入口文件修改

在顶部添加以下代码

import promise from 'es6-promise'
import 'core-js/stable'
import 'regenerator-runtime/runtime'
promise.polyfill()