在有些浏览器中,它不能够支持js的es6的新语法,这种时候webpack在进行打包时,我们就要下载一个es6转es5的加载器.
07-webpack-babel
一些老版的浏览器可能不支持ES6，这个babel的作用就是能够将ES6转换ES5，达到兼容的目的
npm install babel-loader @babel/core @babel/preset-env --save-dev
注意：
webpack 1.x | babel-loader <= 6.x
webpack 2.x | babel-loader >= 7.x (推荐) (^6.2.10 也能用, 但是会出现不推荐使用的警告)
webpack 3.x | babel-loader >= 7.1
rules :[
{
test: /\.js$/,
// Webpack2建议尽量避免exclude，更倾向于使用include
// exclude: /(node_modules)/, // node_modules下面的.js文件会被排除
include: [path.resolve(__dirname, 'src')],
use: {
loader: 'babel-loader',
// options里面的东西可以放到.babelrc文件中去
options: {
// .babelrc文件内的配置
presets: ['@babel/preset-env']
}
}
}
]
