Files
cheatsheet-tldr/tldr/webpack
2025-11-27 00:20:32 +00:00

26 lines
767 B
Plaintext

---
syntax: markdown
tags: [tldr, common]
source: https://github.com/tldr-pages/tldr.git
---
# webpack
> Bundle a web project's js files and other assets into a single output file.
> More information: <https://webpack.js.org/api/cli/>.
- 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 configuration file (with e.g. the entry script and the output filename) and show compilation progress:
`webpack {{[-c|--config]}} {{webpack.config.js}} --progress`
- Automatically recompile on changes to project files:
`webpack {{[-w|--watch]}} {{app.js}} {{bundle.js}}`