webpack忽略.babelrc和babel.config.js

evrscar2  于 2022-12-08  发布在  Babel
关注(0)|答案(1)|浏览(230)

我正在使用Webpack 4.32.2和@babel/core 7.2.0
我的webpack配置位于此处

projectroot/build/webpack.config.js

当我运行webpack config时,除了我的babel.config.js(位于此处)之外,一切都正常

projectroot/babel.config.js

只是被忽略了。
如果我使用

projectroot/.babelrc

这些文件似乎都不重要。
webpack.config.js中的babel加载器部分如下所示(注意,我添加了rootMode:'upward'指令,以确保在上述目录中找到任何.babelrc或babel.config.js:

{
  test: /\.js$/,
  loader: 'babel-loader',
  exclude: /node_modules/,
  options: {
    rootMode: 'upward'
  } 
}

我希望能够使用babel.config.js,但如果有问题的话,我也会使用. babelrc。目前webpack还没有选择这两个版本。

erhoui1w

erhoui1w1#

我的错误是在package.json,我忘记删除:

"babel": {
    "presets": [
      "react-app"
    ]
  }

babel.config.js:

process.env.NODE_ENV = "development";

module.exports = {
    plugins: ["react-refresh/babel"],
    presets: [
        [
            "@babel/preset-typescript",
            {
                allExtensions: true,
                allowNamespaces: true,
                isTSX: true,
                optimizeConstEnums: true,
            },
        ],
        "@babel/preset-env",
        [
            "@babel/preset-react",
            {
                // https://babeljs.io/docs/en/babel-preset-react
                runtime: "automatic",
                pure: true,
                useBuiltIns: true,
            },
        ],
    ],
};

相关问题