webpack使用babel

使用babel

• babel是主要是用于对旧的浏览器做适配，babel会将当前项目js代码中较新的语法转换为老的语法来适应旧版本浏览器，详细配置文档可参考以下链接babel使用指南

首先通过命令npm install -D babel-loader @babel/core @babel/preset-env 来安装babel相关插件

然后在webpack.config.js的module.rules中添加rule

{
    test: /\.js$/,
    // exclude排除node_modules文件，即不对该文件夹内的文件进行处理
    exclude: /node_modules/,
    use: { loader: 'babel-loader' }
}

最后在根目录下新建一个babel.config.js文件，并在其中添加预设

module.exports = {
    presets: ['@babel/preset-env']
}

最后执行npx webpack 命令即可在打包的时候将新的语法转换为旧的语法