@babel/preset-env 不从 package.config 读取浏览器列表

Question

我已经创建了环境变量（用户和系统） BROWSERSLIST_CONFIG并将其设置为C:\\Program Files (x86)\\Microsoft VS Code\\bin\\package.json 。

但是，当我运行 webpack 并将 debug 设置为 true 时，我得到了空目标：

@babel/preset-env: `DEBUG` option

Using targets:
{}

即使我的 package.json 有以下内容：

"browserslist":{
    "DEBUG": ["last 2 Firefox versions"],
    "PRODUCTION": ["> 2%", "last 2 versions", "ie >= 11"]
},

如果我将目标/浏览器选项直接添加到 webpack.config 中，它工作正常，但我有多个项目，我想共享一个中央 package.config。

我如何称呼 babel-loader 有什么遗漏？

{
    test: /\.js$/,
    exclude: /node_modules/,
    use: {
        loader: 'babel-loader',
        options: {
            presets: [[nodeFolder + '@babel/preset-env', {
                targets: {
                  browsers: [
                    "last 2 Chrome versions"
                  ]
                }, "debug": true
              },
            ]],
        },
    },
},

Answer 1

固定的。 我在配置目录的路径中添加了作为预设的选项：

use: {
    loader: 'babel-loader',
    options: {
        presets: [[nodeFolder + '@babel/preset-env', { 
            "debug": true,
             "configPath": 'C:\\Program Files (x86)\\Microsoft VS Code\\bin\\'
          },
        ]],
    },
},