babel 的输出：删除节点模块中的箭头函数答案

【问题标题】：Output of babel : remove arrow functions in a node modulebabel 的输出：删除节点模块中的箭头函数
【发布时间】：2019-01-02 02:07:40
【问题描述】：

我在 IE11 上生成的 webpack 包有问题。我检查了捆绑包，这是由于一些箭头功能造成的。

它来自一个 node_module 包：lite-id

我的 webpack 配置：

var config = {
    devtool: 'source-map', 
    entry: ["babel-polyfill", APP_DIR + '/index.js'],
    output: {
        path: BUILD_DIR,
        filename: 'BundleNodeJs.js',
        libraryTarget: "umd",    
    },
    resolve: {
        extensions: ['.js', '.jsx', '.css', '.scss'],
        symlinks: false
    },
    [...]
    module: {
        rules: [
            {
                test: /\.jsx?$/,
                exclude: /node_modules|bower_components/,
                loader: "babel-loader",
                options: {
                    presets: ['env', 'react', 'stage-2']
                }
            },
        ]
    }
};

在此节点模块中将箭头函数转换为常规函数的好方法是什么？

【问题讨论】：

尝试以 ES5 为目标？
我试过了……还是这样
stackoverflow.com/questions/34404496/…
预设：['env', 'es2015', 'react', 'stage-2'] 不会改变任何东西
也许问题出在这一行 => exclude: /node_modules|bower_components/ ?

标签： javascript node.js webpack babeljs babel-loader

【解决方案1】：

如果您确定lite-id 是罪魁祸首，您可以尝试排除node_modules 除了lite-id 例如：exclude: /node_modules(?!\/lite-id)/ 这样做时，您将转换 lite-id 以及您的代码 - 我想。

希望对你有帮助！

【讨论】：