Question

92

Webpack not excluding node_modules

rated 0 times [ 94] [ 2] / answers: 1 / hits: 162898 / 9 Years ago, wed, october 7, 2015, 12:00:00

I'm using webpack for a Node framework that I'm building (though I should probably use gulp, admittedly). When I include the EJS module, webpack includes it in the compiled source, even though I explicitly tell it to exclude the node_modules dir.

module.exports = {

    context: __dirname,

    target: 'node',

    // ...

    output: {

        libraryTarget: 'commonjs'

        // ...

    },

    module: {

        loaders: [

            {

                test: /.js$/,

                exclude: /node_modules/,

                loader: 'babel-loader?{ stage: 0, optional: [runtime] }'

            }

        ]

    }

};

As you can see, I have a test for JS files, and I tell it to exclude node_modules; why is it ignoring my exclude?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

sophiak

Add To Favorites

Follow

Total Points: 242

Total Questions: 90

Total Answers: 103

Location: Liechtenstein

Member since Wed, Dec 8, 2021

3 Years ago

sophiak questions

1 How to change Ant table header checkbox

Fri, Apr 10, 20, 00:00, 4 Years ago

1 Sending message to Telegram from Google Sheet via Google Scripts

Mon, Oct 21, 19, 00:00, 5 Years ago

1 overwrite the font size of this class .MuiTypography-body1

Sat, Aug 17, 19, 00:00, 5 Years ago

1 How to go to initialRoute with react-navigation when exiting a child stack navigator inside a drawer?

Tue, Jul 16, 19, 00:00, 5 Years ago

1 Javascript - forEach() loops not working on IE11

Thu, Apr 18, 19, 00:00, 5 Years ago

View All

answered 9 Years ago soniap · Accepted Answer

From your config file, it seems like you're only excluding node_modules from being parsed with babel-loader, but not from being bundled.

In order to exclude node_modules and native node libraries from bundling, you need to:

Add target: 'node' to your webpack.config.js. This will define NodeJs as the environment in which the bundle should run. For webpack, it changes the chunk loading behavior, available external modules and generated code style (ie. uses require() for NodeJs) it uses during bundling.

Set the externalPresets of node to true. As of Webpack@5, This configuration will exclude native node modules (path, fs, etc.) from being bundled.

Use webpack-node-externals in order to exclude other node_modules.

So your result config file should look like:

var nodeExternals = require('webpack-node-externals');

...

module.exports = {

    ...

    target: 'node', // use require() & use NodeJs CommonJS style

    externals: [nodeExternals()], // in order to ignore all modules in node_modules folder

    externalsPresets: {

        node: true // in order to ignore built-in modules like path, fs, etc. 

    },

    ...

};