📜  如果你想使用 Babel 6.x ('babel-core'),你应该安装 'babel-loader@7'. - Shell-Bash (1)

📅  最后修改于: 2023-12-03 14:53:22.373000             🧑  作者: Mango

如果你想使用 Babel 6.x ('babel-core'),你应该安装 'babel-loader@7'. - Shell-Bash

如果你想在你的项目中使用 Babel 6.x 来编译 ES6/ES7 代码,那么在安装 babel-core 的同时,你需要安装 babel-loader@7。本文将为你介绍如何在 Shell-Bash 中安装。

安装 babel-core 和 babel-loader@7

你可以使用以下命令来安装 babel-core 和 babel-loader@7:

npm install babel-core babel-loader@7 --save-dev
配置 babel-loader

安装完毕后,你需要在项目的 webpack 配置文件中增加 babel-loader 的配置。以下是一个示例:

module.exports = {
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['babel-preset-env']
          }
        }
      }
    ]
  }
}

你可以在 babel-loader 的 options 中添加你想要使用的 Babel 插件或者 preset。在本例中,我们使用了 babel-preset-env 插件,它可以根据目标环境自动转换代码为相应的 ES5 代码。

总结

安装 babel-core 和 babel-loader@7 并配置 webpack 后,你的项目就可以开始使用 Babel 6.x 了。