**问题：**我想为旧浏览器（>= IE10）的网站构建捆绑文件。

当我使用babel-loader用babel 7.x转译代码时，我的转译代码在旧的Internet Explorer 11上抛出错误，因为默认情况下node_modules模块似乎不会再转译了？

**问题：**如果我的node_module模块还没有被软件包作者编译，我如何确保它们都能被编译？

使用babel-loader的webpack.js.js

// webpack.config.js
rules: [
    {
        test: /\.(js|jsx)$/,
        use: [
            {
                loader: 'babel-loader',
            },
        ],
        exclude: [],
    },
],

字符串

使用babel 7.x配置babelrc.js

// .babelrc.js
module.exports = function(api) {
    const presets = [
        [
            '@babel/preset-env',
            {
                useBuiltIns: 'usage',
                ignoreBrowserslistConfig: true,
                targets: {
                    node: 8,
                    browsers: [
                        'last 3 versions',
                        '> 1% in DE',
                        'Explorer >= 10',
                    ],
                },
            },
        ],
        '@babel/preset-react',
    ];

    const plugins = [
        // ...
    ];

    return {
        presets,
        plugins,
    };
};

型

更新一：

这是一个babel的问题。我的babel配置名为.babel.rc，babel 7的默认设置是查找一个名为babel.config.js的配置文件，见这里。
因此，在将babel配置文件从“.babel.rc”重命名为“babel.config. js”之后，我可以应用这里描述的“webpack.config.js”中的解决方案来转换未转换的“node_modules”软件包：

// webpack.config.js
rules: [
    {
        test: /\.(js|jsx)$/,
        use: [
            {
                loader: 'babel-loader',
            },
        ],
        // Exclude the untransformed packages from the exclude rule here
        exclude: /node_modules\/(?!(MY_MODULE|ANOTHER-ONE)\/).*/, 
    },
],

型

**问题：**这感觉像是一种变通方法，但是否有更方便的方法来处理此类问题？我只是假设在不久的将来会有越来越多的未转换的软件包（在此讨论之后），我们是否总是必须手动将软件包名称放入webpacks的exclude规则中？