gulp-kcode

1.0.0 • Public • Published

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使用手册请参考Gulp.js官方文档

Readme

Keywords

Package Sidebar

Install

npm i gulp-kcode

Weekly Downloads

1

Version

1.0.0

License

MIT

Last publish

Collaborators

  • hansin
  • ghyghoo8