babel-polyfill
模拟ES2015以上的环境,主要用于对ES6新语法不支持的浏览器
1. 安装
npm install --save babel-polyfill
yarn add babel-polyfill
2. 配置
在vue.config.js的同级目录下创建babel.config.js并配置
module.exports = {
presets: [
['@vue/app', {
useBuiltIns: 'entry'
}]
]
}
vue-cli2配置
module.exports = { entry: ["babel-polyfill", "./src/main.js"] };
在main.js中配置
import 'babel-polyfill' //放在最顶部,确保全面加载。
vue-cli3中webpack配置和main.js中配置二选一,如果重复配置,则会报以下错误(其他脚手架版本没试过,不知道会不会报该错误)
only one instance of babel-polypill is allowed
意思是项目中只能引入一个相同的babel-polypill
es6-promise
若在项目中使用了ES6 promise对象,它在Chrome、Safari浏览器下可以正常运行,但在360兼容模式、IE内核中不支持;
1.安装
npm install es6-promise
yarn add es6-promise
2.配置
在main.js中配置
import promise from "es6-promise";
promise.polyfill();