Amaze UI Gulp Tasks

Amaze UI 插件开发 gulp 任务。

安装及使用

$ npm i amazeui-gulp-tasks --save-dev

在 gulpfile.js 中调用任务：

// gulpfile.js

'use strict';

var gulp = require('gulp');
var tasks = require('amazeui-gulp-tasks');
var runSequence = require('run-sequence');

var config = {
  // 任务配置
};

tasks(gulp, config);

gulp.task('build', function(cb) {
  runSequence('clean', ['uglify', 'browserify', 'less', 'markdown'], cb);
});

gulp.task('dev', ['build', 'server']);

任务及配置说明

less

编译 Less。配置如下：

var config = {
  less: {
    src: '', // 源文件
    autoPrefixer: {}, // autoprefixer 设置，
    dist: '', // 部署目录
    watches: '', // watch 的文件，如果不设置则 watch `src` 里的文件
    banner: '' // 是否添加 banner，布尔值或者 {template: '', data: {}}
  }
}

browserify

使用 Browserify 打包 JS。

var config = {
  browserify: {
    bundleOptions: {
      entries: './tests/app.js',
      cache: {},
      packageCache: {}
    },
    filename: 'app.js',
    transforms: [['browserify-shim', {global: true}]],
    plugins: [],
    dist: 'dist',
    banner: false
  },
}

uglify

var config = {
  uglify: {
    src: './tasks/*.js',
    dist: './dist',
    banner: false
  }
}

markdown

var config = {
  md: {
    src: ['README.md'],
    data: {
      pluginTitle: 'Gulp Tasks for Amaze UI',
      pluginDesc: 'Amaze UI 插件开发 gulp 任务',
      buttons: 'amazeui/gulp-tasks' // GitHub 项目地址（去除 https://github.com/ 部分）
    },
    // gulp-rename 设置
    rename: function(file) {
      file.basename = file.basename.toLowerCase();
      if (file.basename === 'readme') {
        file.basename = 'index';
      }
      file.extname = '.html';
    },
    dist: function(file) {
      if (file.relative === 'index.html') {
        return 'dist'
      }
      return 'dist/docs';
    }
  },
}

clean

清理任务：

var config = {
  clean: '' // 要清理的文件夹
};

server

开发预览服务器：

release

发布任务：

• publish:tag - 添加 tag 并 push 到远程 git 仓库
• publish:npm - 发布到 NPM
• publish:docs - Push 文档到 GitHub gh-pages 分支