webpack - 防止 webpack 的 babel-loader 使用来自 node_modules 的 .babelrc

Question

我有一个用 es6 编写的库。它构建了 IIFE 人工制品（使用通过 .babelrc 配置的汇总和 babel），并且它还将自身暴露为一个 npm 模块而无需任何转译（通过 package.json 中的“模块”键： https ://github.com/rollup/rollup/wiki /pkg .模块）。

另一个配置了自己的 babel-loader 的 webpack 项目导入并使用这个 lib 作为 npm dep。

问题是 webpack 的 babel-loader 使用 lib 中的 '.babelrc' 来转换它（这就是 babel 配置查找的工作方式）。

'babelrc:false' 禁用配置查找，我已经通过在 webpack.config 中内联 webpack 的 babel 配置来克服这个问题，但是有没有办法配置我的 webpack+babel 以使用我的项目本地的 babel 配置而不是那些它可以在 node_modules/ 中找到吗？

我知道我可以转译我的 lib，但由于它是私有的并且在受控环境中使用，我认为我的 webpack 应用程序中的一个转译过程就足够了。

Answer 1

这是一个配置示例。您可以通过查询配置您的 babel-loader，该查询将涵盖来自 node_modules/.babelrc 的那些配置。

module: {
    loaders: [
        {
            test: /\.js$|\.jsx$/,
            exclude: /node_modules\/(?!(you_modules)\/).*/,
            loader: 'babel-loader',
            query: {
                presets: [
                    ['es2015', {
                        'useBuiltIns': true,
                        'modules': "commonjs",
                    }],
                    'stage-1',
                    'react'
                ],
            }
        }
    ]
},