webpack ES6转ES5的babel
其实webpack打包的js文件,写的ES6语法并没有转成ES5,那么就意味着可能一些对ES6还不支持的浏览器没有办法很好的运行我们的代码。
如果希望将ES6的语法转成ES5,那么就需要使用babel,而在webpack中,我们直接使用babel对应的loader就可以了。
npm install --save-dev babel-loader@7 babel-core babel-preset-es2015
配置webpack.config.js文件
{
test:/\.js$/,
// exclude排除
exclude:/(node_modules)|bower_components/,
use:{
loader:"babel-loader",
options:{
presets:['es2015']
}
}
}
重新打包,查看bundle.js文件,发现其中的内容变成了ES5的语法