Output of babel : remove arrow functions in a node module

Question

I have an issue with my generated webpack bundle on IE11. I have check the bundle and it is due to some arrow functions.

It come from a node_module package : lite-id

My webpack config :

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']
                }
            },
        ]
    }
};

What is the good way to transpile arrow functions to regular functions in this node module ?

https://stackoverflow.com/questions/34404496/webpack-not-converting-es6-to-es5 — Ivan Rubinson, Jul 25 '18 at 09:46
presets: ['env', 'es2015', 'react', 'stage-2'] does not change anything — k4st0r42, Jul 25 '18 at 09:47
Maybe the problem is this line => exclude: /node_modules|bower_components/ ? — k4st0r42, Jul 25 '18 at 09:49
Including node_modules in the transpilation solved a similar problem for me. — deruse, Aug 08 '18 at 15:11
Having similar issue with an npm package. I am not able to solve it — shinobi, Mar 17 '20 at 09:46

score 0 · Answer 1 · answered Jul 25 '18 at 11:22

0

If you know for sure lite-id is the culprint you could try to exclude node_modules except lite-id ex: exclude: /node_modules(?!\/lite-id)/ In doing so you will transpile lite-id along with your code - I think.

Hope it helps!

answered Jul 25 '18 at 11:22

bamse

4,243
18
25

Output of babel : remove arrow functions in a node module

1 Answers1