csf-gulp-build
If you have multiple projects that use the gulp plugins, this plugin can help you build multiple automated build projects
It can compile ES6, less and sass, compile templates, compress images and SVG, and compress JS, CSS and HTML code
install
$ cnpm install csf-gulp-build
# I wish you can install with cnpm,because gulp-imagemin cannot use with npm install
$ npm install csf-gulp-build
Usage
- You need
pages.config.js
to set some config
//pages.config.js
module.exports = {
// build config. It can be ignored ~
build: {
// Input directory
src: 'src',
// Output directory
dist: 'release',
// Temporary directory
temp: '.tmp',
// Public directory
public: 'public',
// Files path
paths: {
styles: 'assets/styles/*.scss',
lessStyles: 'assets/styles/*.less',
scripts: 'assets/scripts/*.js',
pages: '**/*.html',
images: 'assets/images/**',
fonts: 'assets/fonts/**'
}
},
develop: {
// Server port:default 3000
port: '2080'
}
data: {
// Any variable you can write~
}
}
- The command line terminal supports the following commands
# you can clean Output directory and Temporary directory
csf-gulp-build clean
# You can do it in a production environment
csf-gulp-build build
# You can do it in a development environment
csf-gulp-build serve