System Grab Bag

View all TLDR pages from common (or from all pages)

webpack

Bundle a web project's js files and other assets into a single output file. More information: https://webpack.js.org.
  • Create a single output file from an entry point file:
    webpack {{app.js}} {{bundle.js}}
  • Load CSS files too from the JavaScript file (this uses the CSS loader for .css files):
    webpack {{app.js}} {{bundle.js}} --module-bind '{{css=css}}'
  • Pass a config file (with e.g. the entry script and the output filename) and show compilation progress:
    webpack --config {{webpack.config.js}} --progress
  • Automatically recompile on changes to project files:
    webpack --watch {{app.js}} {{bundle.js}}

License and Disclaimer

The content on this page is copyright © 2014—present the tldr-pages team and contributors.
This page is used with permission under Creative Commons Attribution 4.0 International License.

While we do attempt to make sure content is accurate, there isn't a warranty of any kind.