在有些瀏覽器中,它不能夠支持js的es6的新語法,這種時候webpack在進行打包時,我們就要下載一個es6轉(zhuǎn)es5的加載器.
07-webpack-babel
一些老版的瀏覽器可能不支持ES6哥艇，這個babel的作用就是能夠?qū)S6轉(zhuǎn)換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 也能用, 但是會出現(xiàn)不推薦使用的警告)
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文件內(nèi)的配置
presets: ['@babel/preset-env']
}
}
}
]
