A side for a school project
- It works fine together with gits GitHub Pages
- Gulp: I have build my own workflow with gulp and npm scripts.
- SCSS: I write my CSS3 code in SCSS and it is compiled over 'gulp' to one minified CSS file.
Install all packages from package.json
$ npm install
Get started
$ npm start
- This command generates a 'public' folder
- Then it changes all SCSS Files to CSS and copies them into the 'public' dir.
- Also all HTML and JS files are copied into the 'public' folder.
- Then a browsersync server will be started with the 'public' folder as it base dir.
- After this gulp is watching for file changes in all SCSS, JS and HTML files
- And if you change a file gulp will track it and update it in the public folder.
Build a new folder with all relevant files
$ npm run build
- This command generates a 'docs' folder
- Then it chanes all SCSS and JS Files to CSS and and copys them into the 'public' dir.
- Also all HTML files are copyed into the 'public' folder.
- Then a browsersync server will be started with the 'public' folder as its base dir.
- After this gulp is watching for file changes in all SCSS, JS and HTML files
- And if you change a file gulp will track it and update it