| 微信小程序, 导航

Vue-cli3以上版本添加IE兼容

安装babel相关依赖做js转换处理
package.json

1
2
3
4
5
6
7
8
9
10
11
12
13
14
{
  ...
  "dependencies": {
    "@vue/cli-plugin-babel": "~4.4.0",
    "core-js": "^3.15.2",
    "regenerator-runtime": "^0.13.7",
  }
  ...
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 9"
  ]
}

配置babel
babel.config.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
module.exports = {
  presets: [
    ['@vue/app', {
      useBuiltIns: 'entry'
    }]
  ],
  plugins: [
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk'
      }
    ]
  ]
};

由于babel默认不处理node-modules里面的文件，故需要将要处理的依赖手动添加到需要处理的列表中
vue.config.js

1
2
3
module.exports = {
  transpileDependencies: ['element-ui']
}

入口文件处添加babel
main.js

1
2
import 'core-js/stable';
import 'regenerator-runtime/runtime';

参考文档：
vue-cli文档之浏览器兼容性