Per Pedes - strona drużyny

Środowisko developerskie

Wymagane programy:

1. nodejs + npm
2. Konsola (np. gitBash, PowerConsole)

Instalacja zależości

Aby zaistalować pakiety używane przy pracy należy w konsoli uruchomić polecenie

npm i

Używane pakiety

• webpack - narzedzie do łączenia plików źródłowych w gotową stronę
  • sass-loader
  • css-loader
  • file-loader
  • handlebars-loader
  • clean-webpack-plugin
  • extract-text-webpack-plugin
  • html-webpack-plugin
• webpack-dev-server - serwer developerski
• sass - prekompilator stylów (używamy składni scss)
• handlebars - system szablonów

Pliki i katalogi

• src/ - główny katalog z plikami strony
  • fonts/ - katalog na pliki fontów
  • img/ - katalog na grafiki
  • /scss - katalog na pliki stylów SCSS
    • main.scss - główny plik styli nie kasować
  • scripts/ - katalog na pliki JavaScript
    • app.js - główny plik JavaScript nie kasować!
  • partials/ - katalog z częściowymi szablonami stron (do wielokrotnego użycia)
  • *.hbs - każdy plik tego typu odpowiada jednej podstronie
• dist/ - katalog z plikami strony gotowymi do publikacji
• webpack.config.js - plik konfiguracyjny Webpack`a

Komendy

npm run server

Uruchamia lokalny serwer developerski pod adresem http://localhost:8080

npm run build

Generuje pliki produkcyjne strony w katalogu /dist