gulp-kcode

Gulp-kcode

gulp-kcode基于gulp开发，是快的前端通用的构建插件，它的主要功能是：

• 代码检查（主要是文件编码检查与调试代码扫描）
• 代码压缩

安装

一、安装gulp 命令行工具

npm install -g gulp #用npm安装gulp cli

ps:unix环境可能需要sudo权限

二、在项目目录安装gulp 和 gulp-code

npm install --save-dev gulp
npm install --save-dev gulp-kcode

三、创建gulpfile.js

在项目根目录下创建gulpfile.js，编写构建脚本，例如：

var path = require('path');
var gulp = require('gulp');
var code = require('gulp-code');

//注册css构建任务
gulp.task('css', function () {
  return gulp.src('src/**/*.css')
    .pipe(code.lint())       //css代码检查
    .pipe(code.minify())     //css代码压缩
    .pipe(gulp.dest('build/'))
});

//注册js构建任务
gulp.task('js', function () {
  return gulp.src('src/**/*.js')
    .pipe(code.lint())       //js代码检
    .pipe(code.minify())     //js代码压缩
    .pipe(gulp.dest('build/'))
});

//注册一个默认任务
gulp.task('default', ['css', 'js']);

//监听文件变动
gulp.watch('default', ['css', 'js']);

大功告成

在项目根目录下执行

gulp

这样就完成了你的前端js和css文件的代码检查、依赖提取和代码压缩过程。

推荐的gulp插件

• gulp-if
• gulp-cached 文件缓存
• gulp-remember 和gulp-cached配合使用

更多gulp使用手册请参考Gulp.js官方文档。