自定义脚手架覆盖 Babel 配置的步骤
要覆盖 Babel 配置,你可以按照以下步骤进行操作:
-
在你的项目根目录下创建一个 '.babelrc' 文件,该文件用于定义你的 Babel 配置。
-
在 '.babelrc' 文件中,覆盖你想要修改的 Babel 配置。例如,如果你想要修改 'presets',你可以这样做:
{
'presets': ['@babel/preset-env', '@babel/preset-react'],
'plugins': ['@babel/plugin-proposal-class-properties']
}
- 在你的自定义脚手架中,你可以使用 'babel-loader' 来加载 '.babelrc' 文件。你可以在你的 webpack 配置文件中添加以下代码来实现:
module: {
rules: [
{
test: /.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
configFile: path.resolve(__dirname, '.babelrc')
}
}
}
]
}
这样,当你使用自定义脚手架进行开发时,Babel 将会使用你在 '.babelrc' 文件中定义的配置。
原文地址: https://www.cveoy.top/t/topic/fe53 著作权归作者所有。请勿转载和采集!