- Pug
Template engine to create pages. - Sass
Template engine to create styles for pages. - Webpack
To bundle pages and assets. - Webpack-cli
To interact with webpack from terminal. - Webpack Dev Server
To run bundled project on a http server with live-reload function. - Dependencies for correct webpack bundling:
- Jquery
To support jquery plugins. - Air Datepicker
For calendar implementation. - IMask
For text input mask implementation.
- Jquery-UI
For range slider implementation.
-
Download repo and install needed dependencies:
git clone https://github.com/sergeyhist/metalamp-step-2.git cd metalamp-step-2 npm install
-
Use one of the avaliable commands below.
-
Development build:
Bundle all pages and assets with webpack.config.js in development mode and './dist' as output path.npm run dev
-
Production build:
Bundle all pages and assets with webpack.config.js in production mode and '../hist-webpages/toxin-hotel' as output path.npm run prod
-
Start dev server:
Run webpack dev server at http://localhost:8080 in development mode with live reloading and './dist' as static files directory.npm run server