Felhasználói eszközök

Eszközök a webhelyen


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.

Összehasonlító nézet linkje

Előző változat mindkét oldalonElőző változat
oktatas:web:nodejs:webpack-dev-server [2024/07/27 19:01] – eltávolítva adminoktatas:web:nodejs:webpack-dev-server [2024/07/28 11:31] (aktuális) – létrehozva admin
Sor 1: Sor 1:
 +[[oktatas:web:nodejs|< Node.js]]
 +
 +====== webpack-dev-server ======
 +
 +  * **Szerző:** Sallai András
 +  * Copyright (c) 2022, Sallai András
 +  * Szerkesztve: 2024
 +  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC BY-SA 4.0]]
 +  * Web: https://szit.hu
 +
 +===== Node.js projekt =====
 +
 +Készítsünk Node.js projektet:
 +  npm init -y
 +
 +
 +Készítsünk egy src könyvtárat HTML és 
 +<code>
 +app01/
 +  |-src/
 +  |  |-index.html
 +  |  `-index.js
 +  `-package.json
 +</code>
 +
 +===== Telepítés =====
 +
 +
 +  npm install --save-dev webpack-cli webpack-dev-server
 +
 +
 +
 +===== Beállítás =====
 +
 +<code javascript webpack.config.js>
 +
 +module.exports = {
 +  mode: 'development',
 +  devServer: {
 +    static: {
 +      directory: './src',
 +    },
 +    compress: true,
 +    port: 9000,
 +  },
 +};
 +</code>
 +
 +===== 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