oktatas:web:nodejs:webpack-dev-server
Különbségek
A kiválasztott változat és az aktuális verzió közötti különbségek a következők.
Előző változat mindkét oldalonElőző változat | |||
oktatas:web:nodejs:webpack-dev-server [2024/07/27 19:01] – eltávolítva admin | oktatas:web:nodejs:webpack-dev-server [2024/07/28 11:31] (aktuális) – létrehozva admin | ||
---|---|---|---|
Sor 1: | Sor 1: | ||
+ | [[oktatas: | ||
+ | |||
+ | ====== webpack-dev-server ====== | ||
+ | |||
+ | * **Szerző: | ||
+ | * Copyright (c) 2022, Sallai András | ||
+ | * Szerkesztve: | ||
+ | * Licenc: [[https:// | ||
+ | * Web: https:// | ||
+ | |||
+ | ===== Node.js projekt ===== | ||
+ | |||
+ | Készítsünk Node.js projektet: | ||
+ | npm init -y | ||
+ | |||
+ | |||
+ | Készítsünk egy src könyvtárat HTML és | ||
+ | < | ||
+ | app01/ | ||
+ | |-src/ | ||
+ | | |-index.html | ||
+ | | `-index.js | ||
+ | `-package.json | ||
+ | </ | ||
+ | |||
+ | ===== Telepítés ===== | ||
+ | |||
+ | |||
+ | npm install --save-dev webpack-cli webpack-dev-server | ||
+ | |||
+ | |||
+ | |||
+ | ===== Beállítás ===== | ||
+ | |||
+ | <code javascript webpack.config.js> | ||
+ | |||
+ | module.exports = { | ||
+ | mode: ' | ||
+ | devServer: { | ||
+ | static: { | ||
+ | directory: ' | ||
+ | }, | ||
+ | compress: true, | ||
+ | port: 9000, | ||
+ | }, | ||
+ | }; | ||
+ | </ | ||
+ | |||
+ | ===== Indítás ===== | ||
+ | |||
+ | |||
+ | npx webpack serve | ||
+ | |||
+ | |||
+ | |||
oktatas/web/nodejs/webpack-dev-server.1722099672.txt.gz · Utolsó módosítás: 2024/07/27 19:01 szerkesztette: admin