base project config

.csscomb.json

{
    "always-semicolon": true,
    "color-case": "lower",
    "block-indent": "\t",
    "color-shorthand": true,
    "element-case": "lower",
    "eof-newline": true,
    "leading-zero": false,
    "quotes": "double",
    "sort-order-fallback": "abc",
    "space-before-colon": "",
    "space-after-colon": " ",
    "space-before-combinator": " ",
    "space-after-combinator": " ",
    "space-between-declarations": "\n",
    "space-before-opening-brace": " ",
    "space-after-opening-brace": "\n",
    "space-after-selector-delimiter": "\n",
    "space-before-selector-delimiter": "",
    "space-before-closing-brace": "\n",
    "strip-spaces": true,
    "tab-size": true,
    "unitless-zero": true,
    "vendor-prefix-align": true
}

.editorconfig

# EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs
# http://editorconfig.org

root = true

[*]

# change these settings to your own preference
indent_style = tab
indent_size = 2

# we recommend you to keep these unchanged
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.md]
trim_trailing_whitespace = false

gulp.js

const gulp = require('gulp'),
	pump = require('pump'),
	postcss = require('gulp-postcss'),
	cssnext = require('postcss-cssnext'),
	rename = require('gulp-rename'),
	nested = require('postcss-nested'),
	cssnano = require('cssnano'),
	babel = require('gulp-babel'),
	uglify = require('gulp-uglify'),
	atImport = require("postcss-import");

const paths = {
	css: ['src/css/*.css'],
	scripts: ['src/js/*.js', '!src/js/lib/*'],
	images: ['src/img/*']
};

gulp.task('default', [/*'lint',*/ 'bulid']);
gulp.task('build', ['css', 'js'/*, 'images'*/]);
gulp.task('build:release', ['css:release', 'js:release']);

gulp.task('css', () => {
	return gulp.src(paths.css)
		.pipe(postcss([
			atImport(),
			/*nested,*/
			cssnext({browsers: ['> 0%']})
		]))
		.pipe(gulp.dest('dist/css'));
});
gulp.task('css:release', () => {
    return gulp.src(paths.css)
        .pipe(postcss([
            atImport(),
            cssnext({browsers: ['> 0%']}),
            cssnano()
        ]))
        .pipe(gulp.dest('dist/css'));
});

gulp.task('js', () => {
	pump([
		gulp.src(paths.scripts),
		babel({
			presets: ['es2015']
		}),
		gulp.dest('dist/js')
	]);
});
gulp.task('js:release', ['js'], () => {
    pump([
        gulp.src(paths.scripts),
        uglify(),
        gulp.dest('dist/js')
    ]);
});

gulp.task('watch', function() {
	gulp.watch(paths.scripts, ['js']);
	gulp.watch(paths.css, ['css']);
	//gulp.watch(paths.images, ['images']);
});

package.json

{
  "private": true,
  "name": "projectname",
  "version": "1.0.0",
  "description": "project desc",
  "main": "index.js",
  "author": "Ruslan Kostikov",
  "license": "GPL-3.0",
  "scripts": {
    "setup": "npm install && gulp"
  },
  "dependencies": {},
  "devDependencies": {}
}

shell

npm install --save font-awesome html5shiv
npm install --save-dev babel-preset-es2015 cssnano gulp gulp-babel gulp-cssnano gulp-postcss gulp-rename gulp-uglify postcss-cssnext postcss-import postcss-nested pump