exslym/main_template_dnr

Custom project configuration template for DnR

Installation

npm install

Start Dev Server

npm start

Build Prod Version

npm run build

Deployment on GitHub Pages (Optional)

npm run deploy

This adds gh-pages branch to your project github repository, deploys built project there, hosts the site via GitHub Pages.

Features:

• ES6 support via babel (v7)
• SASS support via sass-loader
• Linting support via eslint & @babel/eslint-parser
• Formatter support via prettier
• Autoprefix support via postcss-preset-env
• Image Optimization support via image-minimizer-webpack-plugin & svgo

When you run npm run build:

• The css file moves to a separate bundle file and gets it included in the head of the index.html
  via mini-css-extract-plugin.
• All image files (svg, png, jpg/jpeg, webp) gets compressed with lossless quality
  via image-minimizer-webpack-plugin.

Place all external connected files (jQuery and others) in ./tools and provide them path in html file.