![how to run webpack cli command how to run webpack cli command](https://developer.okta.com/assets-jekyll/blog/angular-webpack/angular-webpack-e7eac2419b548222385e9948b613e98fcedae8c5a9ad34fddbac5143b808f09d.png)
a production config, that minifies, optimizes and removes all source maps.
![how to run webpack cli command how to run webpack cli command](https://miro.medium.com/max/1400/1*WHlm-wulee9QtaMbx2ZQ3w.png)
![how to run webpack cli command how to run webpack cli command](https://uploads.sitepoint.com/wp-content/uploads/2020/12/1606990554webpack-console-message.png)
You'll want to set up two configurations for webpack: The bigger your site gets, the longer it will take to build.
#How to run webpack cli command update#
Running npm run build every single time you make an update is tedious. You can this in the webpack 5 boilerplate. For production, you will use MiniCssExtractPlugin instead of style-loader, which will export the CSS as a minified file. Now when you rebuild, you'll notice the Sass and PostCSS has been applied.