webpack整合bable

webpack默认只支持一部分的ES6语法，一些更高级的语法webpack不支持，如果在webpacke中要使用高级语法，需要使用第三方工具把高级语法转换低级语法；
举例：通过Bable工具，可以将高级语法转换成低级语法
1.安装Bable
npm install --save-dev babel-loader babel-core babel-preset-env

2.配置文件
2.1：webpack.config.js
const path = require(‘path’);
module.exports = {
entry:{
app: ‘./src/index.js’,
print: ‘./src/print.js’
},
output: {
filename: ‘[name].bundle.js’,
path: path.resolve(__dirname, ‘dist’),
publicPath:’./’
}, module: {
rules: [
{
test: /.js$/, //处理所有的js文件
use: ‘bable-loader’,
exclude:’/node_modules/’ //排除node_modules的js文件
}
]
}
};
2.2：.babelrc配置文件，存放项目跟目录
{
“presets”:[“env”,“stage-0”],
“plugins”:[“transform-runtime”]
}