安裝babel相關(guān)依賴做js轉(zhuǎn)換處理
package.json
{
...
"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
module.exports = {
presets: [
['@vue/app', {
useBuiltIns: 'entry'
}]
],
plugins: [
[
'component',
{
libraryName: 'element-ui',
styleLibraryName: 'theme-chalk'
}
]
]
};
由于babel默認(rèn)不處理node-modules里面的文件,故需要將要處理的依賴手動添加到需要處理的列表中
vue.config.js
module.exports = {
transpileDependencies: ['element-ui']
}
入口文件處添加babel
main.js
import 'core-js/stable';
import 'regenerator-runtime/runtime';
參考文檔:
vue-cli文檔之瀏覽器兼容性