📅  最后修改于: 2023-12-03 14:53:22.373000             🧑  作者: Mango
如果你想在你的项目中使用 Babel 6.x 来编译 ES6/ES7 代码,那么在安装 babel-core 的同时,你需要安装 babel-loader@7。本文将为你介绍如何在 Shell-Bash 中安装。
你可以使用以下命令来安装 babel-core 和 babel-loader@7:
npm install babel-core babel-loader@7 --save-dev
安装完毕后,你需要在项目的 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 了。