webpack4-starter-kit
Webpack 4 with webpack-dev-server configuration.
Build with Docker (recommended)
Requirements: docker-compose
$ ./scripts/init.sh
Requirements
- Node >= v6.x
- Yarn >= v1.1 | NPM >= v5.0
Install dependencies
$ cd my-app-name
$ yarn
Available tasks
# Runs development server (Webpack dev server)
$ yarn dev
# Build command
$ yarn build
# Runs http-server on port 8082
$ yarn httpserver
# build without minification
$ yarn debug
Features
- Webpack 4
- Webpack Dev Server
- HMR
- Babel
- EsLint
- StyleLint
- Sass
- Autoprefixer
- Webpack Plugins: Html, Copy, ExtractText, Define
Anleitung Farben ändern:
Die Farben befinden sich, also Variabeln, in dieser Datei:
src/styles/settings/color-theme.scss
Um damit arebieten zu können sollte zunächst "Node" installiert werden: https://nodejs.org/de/
Dann mittels Terminal oder command line zum Projektordner navigieren (cd/...)
Im Projektordner dann folgenden Befehle ausführen
npm install
Dann können die Änderungen an den Farben vorgenommen werden.
Dann folgenden Befehle ausführen
npm run build
Dadurch werden die fertigen Dateien in /dist kompliert. Diese Dateien werden dann auch für die Webseite benutzt benutzt.
Available colour schemes (from Novamundo)
Main colour green: #003b35
Secondary colours
Colour | Hex code |
---|---|
red | #fa5c59 |
blue | #009ecf |
yellow | #f7b513 |
Main colour blue: #00074e
Secondary colours
Colour | Hex code |
---|---|
turquoise | #66cc60 |
green | #55c247 |
yellow | #ffa224 |
NB the values you need to change are in src/styles/settings/color-theme.scss
. The value $color-main
is the main colour, while $color-secondary
is the secondary colour.
MPRL colours:
$color-main: #00074e;
$color-secondary: #55c247;
EOS colours:
$color-main: #003b35;
$color-secondary: #fa5c59;