Skip to content

Latest commit

 

History

History
29 lines (21 loc) · 790 Bytes

README.md

File metadata and controls

29 lines (21 loc) · 790 Bytes

https://wweb.dev/blog/how-to-create-static-website-npm-scripts/

How to run

  1. npm run build build all. Create dist folder.
  2. npm run watch will listen to your changes, build to your dist folder. Also serve on port 3000(by default). But it will open automatically

npm init

npm init

Installs

  1. npm i -D node-sass
  2. npm i -D autoprefixer postcss-cli
  3. npm i -D stylelint postcss-scss
  4. npm i -D onchange
  5. npm i -D browser-sync
  6. npm i -D npm-run-all
  7. npm i -D imagemin-cli
  8. npm i -D webpack webpack-cli babel-loader @babel/preset-env
  9. npm i -D eslint eslint-webpack-plugin
  10. npm i -D posthtml posthtml-cli posthtml-modules htmlnano
  11. npm i rimraf

createa css files from scss

this will create css files to dist npm run css:scss