标签：target span es6 dex exp 直接 index webpack mic
参考：https://www.jianshu.com/p/9808f550c6a9
1. 安装依赖
babel-loader: 负责 es6 语法转化
babel-preset-env: 包含 es6、7 等版本的语法转化规则
babel-polyfill: es6 内置方法和函数转化垫片
babel-plugin-transform-runtime: 避免 polyfill 污染全局变量
cnpm install --save-dev babel-core babel-loader babel-plugin-transform-runtime babel-preset-env
cnpm install --save-dev babel-polyfill babel-runtime
2. 创建一个单独的babel配置文件 .babelrc，配置如下
{
"presets": [
[
"env",
{
"targets": {
"browsers": ["last 2 versions"]
}
}
]
],
"plugins": ["transform-runtime"]
}
3. webpack.config.js中的配置
//配置babel
{
test: /\.js$/,
exclude: /(node_modules)/,
loader: ‘babel-loader‘
}
4. 使用：
babel的引入方式
1.require("babel-polyfill");
2.import "babel-polyfill";
在webpack项目中一般使用下面的方式
3.module.exports = {
entry: ["babel-polyfill", "./app/js"]
};
在 index.js中使用：
import "babel-polyfill";
let arr = [1, 2, 4];
let arrB = arr.map(item => item * 2);
console.log("可以使用ES6语法："+arrB.includes(8));
5. 注意：
babel-loader:8.X版本报错的问题（建议直接使用7.1.5版本）
cnpm uninstall --save-dev babel-loader@7.1.5
参考：https://www.cnblogs.com/soyxiaobi/p/9554565.html
标签：target span es6 dex exp 直接 index webpack mic
原文地址：https://www.cnblogs.com/songxia/p/10314420.html
