Webpack高级语法

Webpack高级语法

---

1.何为高级语法

由于 ES6 的代码，太高级了，webpack解析不了，得转换成低级语言。

2.装包

使用 babel 处理高级JS语法
运行npm i babel-core babel-loader babel-plugin-transform-runtime -D安装 babel 的相关 loader 包
运行npm i babel-preset-env babel-preset-stage-0 -D安装babel转换的语法

3.在webpack.config.js中添加相关loader模块

{ test: /\.js$/, use: 'babel-loader', exclude: /node_modules/ }

4.在项目根目录中添加.babelrc文件

{
    "presets":["es2015", "stage-0"],
    "plugins":["transform-runtime"]
}

5.注意事项

出现这种错误的原因又是该死的版本不匹配问题：

babel-loader 8.x对应babel-core 7.x
babel-loader 7.x对应babel-core 6.x

解决办法是卸载换版本：

npm uninstall babel-loader
npm install babel-loader@7.1.5