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