init: initcreatecnewn generation-path options Initialize a new webpack project. info: infoi options Outputs information about your system. help: helph command option Display help for commands and options. configtest: configtestt config-path Validate a webpack configuration. If for some reason you want to use a different configuration file depending on certain situations, you can change this via command line by using the -config flag. Run webpack (default command, can be omitted). New to webpack? Check out our guide to some of webpack's core concepts to get started! Use a different configuration file Usually, your projects will need to extend this functionality, for this you can create a file in the root folder and webpack will automatically use it.Īll the available configuration options are specified below. Also, it generates an example project based on provided webpack configuration that you can review in your browser and download. When you're working on complex web apps you will most likely need to use different javascript libraries.

It allows you to select various features that will be combined and added to the resulting configuration file. tipĬv is an online tool for creating custom webpack configurations. I am having problem setting up localhost server on my development environment that up. I am following the getting-started JSX part. However, it will assume the entry point of your project is src/index.js and will output the result in dist/main.js minified and optimized for production. I am learning metaljs and trying to setup development environment. I have tried using http-server -p 4000 while running webpack -watch, but when I update my file, it would not update when I refresh the localhost:4000.Out of the box, webpack won't require you to use a configuration file. However, I can't think of a good way to implement it. In short, the ideal environment would be to run it on a localhost server, and whenever I make any edit on my files, webpack would recompile and when I refresh, it would update. My ideal env would be like when I run create-react-app -> npm run start ( react-scripts start). I refresh Chrome, and voila! It is changed:Īll is great but I wish to run it on server instead. The way I view what it looks like, is that I am currently running index.html on google chrome (without running any server) - I also have my webpack -watch on to compile any changes on files: I am having problem setting up localhost server on my development environment that updates when I make changes. I am learning metaljs and trying to setup development environment.

How to run webpack twice