Webpack: Unterschied zwischen den Versionen
Aus Wikizone
(Die Seite wurde neu angelegt: „Webpack ist ein sogenannter Bundler. Das Ziel ist Ladevorgänge von Assets, CSS und JS zu optimieren. Es hat aber noch weitere Tools an Board. Minify, Uglyfy,…“) |
|||
| Zeile 1: | Zeile 1: | ||
| − | Webpack ist ein sogenannter Bundler. Das Ziel ist Ladevorgänge von Assets, CSS und JS zu optimieren. Es hat aber noch weitere Tools an Board. Minify, Uglyfy, Ein Server.. | + | Webpack ist ein sogenannter Bundler. Das Ziel ist Ladevorgänge von Assets, CSS und JS zu optimieren. Es hat aber noch weitere Tools an Board. Minify, Uglyfy, Ein Server mit live Reloading... |
Gute Einführung: | Gute Einführung: | ||
https://www.youtube.com/watch?v=WQue1AN93YU | https://www.youtube.com/watch?v=WQue1AN93YU | ||
| + | |||
| + | === Quickstart === | ||
| + | ==== Voraussetzungen ==== | ||
| + | [[node]], [[npm]], webpack | ||
| + | Auf dem Mac am einfachsten über homebrew node installieren und den Rest über node. | ||
| + | |||
| + | ==== Wichtigste Befehle ==== | ||
| + | npm install | ||
| + | npm run dev | ||
| + | npm run build | ||
| + | Wie bei anderen Bundlern | ||
| + | |||
| + | ==== Webpack Bundle erstellen ==== | ||
Version vom 25. Dezember 2021, 08:50 Uhr
Webpack ist ein sogenannter Bundler. Das Ziel ist Ladevorgänge von Assets, CSS und JS zu optimieren. Es hat aber noch weitere Tools an Board. Minify, Uglyfy, Ein Server mit live Reloading...
Gute Einführung:
https://www.youtube.com/watch?v=WQue1AN93YU
Quickstart
Voraussetzungen
node, npm, webpack
Auf dem Mac am einfachsten über homebrew node installieren und den Rest über node.
Wichtigste Befehle
npm install npm run dev npm run build
Wie bei anderen Bundlern
