小编Mic*_*ael的帖子

如何使用babel-loader转换node_modules模块?

问题:我想为较旧的浏览器(> = IE10)构建网站的捆绑文件。

我transpiled代码抛出旧的Internet Explorer 11的错误,当我transpile的代码babel 7.x使用babel-loader,因为它似乎node_modules模块将不会默认了transpiled?

问题:如果我的所有node_module模块都尚未被软件包作者转译,我如何确保所有模块都会被转译?

使用babel-loader的webpack.config.js

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

使用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 …
Run Code Online (Sandbox Code Playgroud)

javascript babel node-modules webpack babel-loader

10
推荐指数
1
解决办法
5335
查看次数

标签 统计

babel ×1

babel-loader ×1

javascript ×1

node-modules ×1

webpack ×1