1.0.1 • Published 5 years ago
loss-weight v1.0.1
Loss Weight CSS Components
npm run build:dev
-> Starts dev server on localhost:8081 with live-reload, sourcemap.
npm run build:prod
-> Creates prod files to /dist with:
- compiles sass/stylus/less to css
- autoprefixer for vendor prefixes (browser compability)
- compiles ES6+ to ES5
- minifying for css/js
- uglyfing js code
- hash css and js file (file versioning for browser caching -> cache busting)
Setup
- git clone https://github.com/mwieth/Webpack-4-boilerplate.git
- run npm install in project folder
- npm run build:dev
Preprocessor support (default: SCSS)
--> If u want to change to LESS run:
- npm install less less-loader --save-dev
npm uninstall node-sass sass-loader
set selectedPreprocessor in \webpack\loader.js to less
change default files in styles from sass to less (*.less) and update import in index.js line 1
--> If u want to change to Stylus run:
- npm install stylus stylus-loader --save-dev
npm uninstall node-sass sass-loader
set selectedPreprocessor in \webpack\loader.js to stylus
change default files in styles from sass to stylus (*.styl) update import in index.js line 1
--> if u want to use the 'original' loose .sass syntax just change the files from .scss to *.sass and update import in index.js line 1