babel在项目中实践

项目开发配置

useBuiltIns 使用 usage; plugin-transform-runtime 只使用其移除内联复用的辅助函数的特性，减少打包体积

module: {
   rules: [
   ...
   // 推荐实践方式， 预设
   {
     test: /\.js$/,
     use: [
      {
        loader: "babel-loader",
        options:{
          "presets": {
              [
                "@babel/preset-env",
                {
                    "useBuiltIns": "usage"
                    "corejs":3
                }

              ]
           },
           "plugins": [
             [
               "@babel/plugin-transform-runtime",
               {
                   "corejs": false
               }
             ]
           ]
         }
       ]
     }
   ]
}
...

类库开发配置

配置形式：

• babel.config.js. 以command.js 格式配置
• .babelrc 配置文件内容为JSON 数据结构
• 在package.json 文件中配置babel字段
• .babelrc.js 该配置与.babelrc 相同，但需要使用JavaScript实现

babel 配置文件的优先级： 在这4种配置文件中最常用的是babel.config.js 配置和 .babelrc 配置 Babel官方推荐babel.config.js配置，因为该配置是项目级别的配置，会影响整个项目中的代码，包括node_module, 有了babel.config.js 配置之后，就不会去执行.babelrc了，.babelrc 配置只影响本项目中的代码