vue-cli3项目兼容低版本浏览器
很多时候,使用vue开发的项目,由于es6无法在低版本浏览器上运行,所以我们需要将es6转换为浏览器支持的es5来兼容低版本的浏览器(比如Chrome46以上,Firefox46以上,IE11等)。
在这里我们使用的是@babel/polyfill来进行转换:
1、安装@babel/polyfill
npm i @babel/polyfill -S
2、在vue.config.js配置
module.exports = { configureWebpack:config => { config.entry.app = ["@babel/polyfill","./src/main.js"] } }
3、项目根目录新建babel.config.js
module.exports = { presets:[ ["@vue/app",{ polyfills:[ "es6.promise", "es6.symbol", "es6.array.iterator", "es6.object.assign" ], useBuiltIns:"entry" }] ] }
至此,基本就可以实现在低版本浏览器中打开vue项目了。