Webpack - instalace a základní použití (1)

Webpack - instalace a základní použití (1)

V prvním díle se podíváme na základní použití nástroje Webpack .

 

Instalace

Je potřeba mít v systému npm, takže např. na ubuntu provedeme

sudo apt install npm

 

Pak pomocí npm nainstalujeme webpack, takže přejdeme do rootu projektu a spustíme

npm init -y

npm install --save-dev webpack webpack-cli

 

Vytvoříme konfiguraci webpacku - soubor webpack.config.js

const path = require('path');
module.exports = {
    entry: [
         './src/test.js',
    ],
    output: {
        filename: 'main.js',
        path: path.resolve(__dirname, 'build/'),
    },
};


V konfiguraci říkáme, že chceme do buidu main.js vložit náš soubor src/test.js .


Build provedeme příkazem

npx webpack

 


Vytvoří se soubor build/main.js a ten dáme do našeho projektu (webu) a tím máme hotovo.



Komentáře

Vaše reakce na Webpack - instalace a základní použití (1)

Související obsah

webpack

javascript

npm

js

Reference

Podívejte se na naše reference

Prohlédnout

Aplikace

Podívejte se na naše aplikace

Prohlédnout

Co umíme?

Podívejte se co umíme

Prohlédnout

Co umíme?

Vytváříme sofistikované aplikace pro náročné

Od webových aplikací přes android až po převodové můstky či složité informační systémy.

Podívejte se k nám

Máte ještě čas? Podívejte se na další rubriky

Tento web používá soubory cookie. Dalším procházením tohoto webu vyjadřujete souhlas s jejich používáním.. Více informací zde.