How to remove arrow functions from webpack output?

@gilbert 

To remove arrow functions from webpack output, you can use the babel-loader with the babel-plugin-transform-arrow-functions plugin. Here's how you can configure webpack to remove arrow functions:

1. Install babel-loader and babel-plugin-transform-arrow-functions:

1

npm install babel-loader @babel/core @babel/preset-env babel-plugin-transform-arrow-functions --save-dev

1. Update your webpack configuration file to include the babel-loader with the babel-plugin-transform-arrow-functions plugin:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

module: {
    rules: [
        {
            test: /.js$/,
            exclude: /node_modules/,
            use: {
                loader: 'babel-loader',
                options: {
                    presets: ['@babel/preset-env'],
                    plugins: ['transform-arrow-functions']
                }
            }
        }
    ]
}

1. Make sure to include the babel-preset-env preset in the babel-loader options to ensure compatibility with your target environments.

With this configuration, webpack will use babel-loader to transpile your JavaScript code and remove arrow functions from the output.