See the configuration documentation to learn more. We can specify loader rules, plugins, resolve options and many other enhancements this way. This will be useful for more complex configurations that need to be split into multiple files.Ī configuration file allows far more flexibility than CLI usage. We use the -config option here only to show that you can pass a configuration of any name. If a is present, the webpack command picks it up by default. Webpack 5.4.0 compiled successfully in 1934 ms tip Now, let's run the build again but instead using our new configuration file: $ npx webpack -config Īsset main.js 69.3 KiB (name: main ) 1 related asset Now we'll create the following directory structure, files and their contents:

and this is a line to be removed from your code For instance: + this is a new line you shall copy into your code

Throughout the Guides we will use diff blocks to show you what changes we're making to directories, files, and code. Npm install webpack webpack-cli -save-dev Basic Setupįirst let's create a directory, initialize npm, install webpack locally, and install the webpack-cli (the tool used to run webpack on the command line): mkdir webpack-demo The minimum supported Node.js version to run webpack 5 is 10.13.0 (LTS) live previewĬheck out this guide live on StackBlitz. If you're still new to webpack, please read through the core concepts and this comparison to learn why you might use it over the other tools that are out in the community. Once installed, you can interact with webpack either from its CLI or API. Webpack is used to compile JavaScript modules.

Npm config set to non secure http