This is a very basic boilerplate to get started with. It includes a specific folder structure with some predefined HTML/SCSS and runs on Git and Gulp.
dist folder is the one you upload on a server when deploying your project. Here are all minified and compressed files and images, automatically created by Gulp. This folder is empty by default - the minified files will be created by Gulp.
Install gulp globally for all projects:
npm install -g gulp
Install gulp dev dependencies:
Install postcss plugins:
npm install gulp-postcss pixrem autoprefixer cssnano
Enabling Sourcemaps in Chrome
Open DevTools with
Open the settings in the upper right corner (or press
Enable CSS source mapsand
Auto-reload generated CSSare enabled
Workspaceand add your local project folder
Use minified CSS
- Use the minified CSS file by changing your input
style.min.cssin your HTML files. (If you don't want to use sourcemaps you can do this in development stage)