1 需安装es6-promise, main.js文件中添加
import promise from "es6-promise";
import "babel-polyfill";
promise.polyfill();
2 webpack.base.js文件写入,include里的内容是手动加入需要编译成es5的文件
module:{
rules: [
{
test: /\.js$/,
loader: 'babel-loader',
include: [
resolve('src'),
resolve('test'),
resolve('mock'),
],
},
]
}
3 .babelrc文件 安装npm i babel-preset-env -D (转码神器)
{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
]
// "plugins": ["transform-vue-jsx", "transform-runtime"]
}
4 package.json文件
"browserslist": [
"> 1%",
"last 2 versions",
"not ie <= 8"
]
本文介绍了如何通过安装es6-promise和babel-polyfill,结合webpack配置,将ES6代码转换为兼容ES5的浏览器环境。在main.js中引入es6-promise并进行polyfill,然后在webpack.base.js设置babel-loader,只编译指定目录的.js文件。同时,.babelrc文件配置了preset-env,针对旧版浏览器进行转码。最后,package.json中的browserslist定义了兼容的浏览器范围。
6201

被折叠的 条评论
为什么被折叠?



