173 lines
4.6 KiB
JavaScript
173 lines
4.6 KiB
JavaScript
'use strict';
|
||
|
||
const pkg = require('./package.json');
|
||
const gulp = require('gulp');
|
||
const uglify = require('gulp-uglify');
|
||
const cleanCSS = require('gulp-clean-css');
|
||
const concat = require('gulp-concat');
|
||
const rename = require('gulp-rename');
|
||
const replace = require('gulp-replace');
|
||
const header = require('gulp-header');
|
||
const footer = require('gulp-footer');
|
||
const del = require('del');
|
||
const minimist = require('minimist');
|
||
const yargs = require('yargs');
|
||
|
||
// 基础配置
|
||
const config = {
|
||
//注释
|
||
comment: [
|
||
'/** v<%= pkg.version %> | <%= pkg.license %> Licensed */<%= js %>'
|
||
,{pkg: pkg, js: ';'}
|
||
]
|
||
//模块
|
||
,modules: 'lay,laytpl,laypage,laydate,jquery,layer,util,dropdown,slider,colorpicker,element,upload,form,table,treeTable,tree,transfer,carousel,rate,flow,code'
|
||
};
|
||
|
||
// 获取参数
|
||
const argv = require('minimist')(process.argv.slice(2), {
|
||
default: {
|
||
version: pkg.version
|
||
}
|
||
});
|
||
|
||
// 前置目录
|
||
const dir = {
|
||
rls: './release/zip/layui-v' + pkg.version
|
||
};
|
||
|
||
// 输出目录
|
||
const dest = ({
|
||
dist: './dist'
|
||
,rls: dir.rls + '/layui'
|
||
}[argv.dest || 'dist'] || argv.dest) + (argv.vs ? '/'+ pkg.version : '');
|
||
|
||
// js
|
||
const js = () => {
|
||
let src = [
|
||
'./src/**/{layui,layui.all,'+ config.modules +'}.js'
|
||
];
|
||
return gulp.src(src).pipe(uglify({
|
||
output: {
|
||
ascii_only: true //escape Unicode characters in strings and regexps
|
||
},
|
||
ie: true
|
||
})).pipe(concat('layui.js', {newLine: ''}))
|
||
.pipe(header.apply(null, config.comment))
|
||
.pipe(gulp.dest(dest));
|
||
};
|
||
|
||
// css
|
||
const css = () => {
|
||
let src = [
|
||
'./src/css/layui.css',
|
||
'./src/css/modules/**/*.css',
|
||
'!./src/css/**/font.css'
|
||
];
|
||
return gulp.src(src).pipe(cleanCSS({
|
||
compatibility: 'ie8'
|
||
}))
|
||
.pipe(concat('layui.css', {newLine: ''}))
|
||
.pipe(gulp.dest(dest +'/css'));
|
||
};
|
||
|
||
// files
|
||
const files = () => {
|
||
let src = ['./src/**/*.{eot,svg,ttf,woff,woff2,html,json,png,jpg,gif}'];
|
||
return gulp.src(src)
|
||
.pipe(gulp.dest(dest));
|
||
};
|
||
|
||
// cp
|
||
const cp = () => {
|
||
return gulp.src('./dist/**/*')
|
||
.pipe(gulp.dest(dest));
|
||
};
|
||
|
||
// release
|
||
const rls = () => {
|
||
return gulp.src('./release/doc/**/*')
|
||
.pipe(replace(/[^'"]+(\/layui\.css)/, 'layui/css$1')) //替换 css 引入路径中的本地 path
|
||
.pipe(replace(/[^'"]+(\/layui\.js)/, 'layui$1')) //替换 js 引入路径中的本地 path
|
||
.pipe(gulp.dest(dir.rls));
|
||
};
|
||
|
||
// clean
|
||
const clean = cb => {
|
||
return del([dest], {
|
||
force: true
|
||
});
|
||
};
|
||
const cleanRLS = cb => {
|
||
return del([dir.rls]);
|
||
};
|
||
|
||
// Define all task
|
||
exports.js = js;
|
||
exports.css = css;
|
||
exports.files = files;
|
||
exports.default = gulp.series(clean, gulp.parallel(js, css, files)); //default task
|
||
exports.cp = gulp.series(clean, cp);
|
||
exports.rls = gulp.series(cleanRLS, rls); //release task
|
||
|
||
// layer task
|
||
exports.layer = () => { // gulp layer
|
||
let dest = './release/layer';
|
||
|
||
gulp.src('./src/css/modules/layer.css')
|
||
.pipe(gulp.dest(dest + '/src'));
|
||
|
||
return gulp.src('./src/modules/layer.js')
|
||
.pipe(gulp.dest(dest + '/src'));
|
||
};
|
||
|
||
// laydate task
|
||
exports.laydate = () => { // gulp laydate
|
||
let dest = './release/laydate/'; // 发行目录
|
||
let comment = [ // 注释
|
||
'\n/** \n * <%= title %> \n * <%= license %> Licensed \n */ \n\n'
|
||
,{title: 'laydate 日期与时间组件(单独版)', license: 'MIT'}
|
||
];
|
||
|
||
// css
|
||
gulp.src('./src/css/modules/laydate.css')
|
||
.pipe(gulp.dest(dest + 'src'));
|
||
|
||
// js
|
||
return gulp.src(['./src/layui.js', './src/modules/{lay,laydate}.js'])
|
||
.pipe(replace('win.layui =', 'var layui =')) // 将 layui 替换为局部变量
|
||
.pipe(replace('}(window); //gulp build: layui-footer', '')) // 替换 layui.js 的落脚
|
||
.pipe(replace(';!function(window){ //gulp build: lay-header', '')) // 替换 lay.js 的头部
|
||
.pipe(replace('}(window, window.document); //gulp build: lay-footer', '')) // 替换 lay.js 的落脚
|
||
.pipe(concat('laydate.js', {newLine: ''}))
|
||
.pipe(replace(';!function(window, document){ //gulp build: laydate-header', '')) // 替换 laydate.js 的头部
|
||
.pipe(header.apply(null, comment)) //追加头部
|
||
.pipe(gulp.dest(dest + 'src'));
|
||
};
|
||
|
||
// helper
|
||
exports.help = () => {
|
||
let usage = '\nUsage: gulp [options] tasks';
|
||
let parser = yargs.usage(usage, {
|
||
dest: {
|
||
type: 'string'
|
||
,desc: '定义输出目录,可选项:dist(默认)、rls、任意路径'
|
||
}
|
||
,vs: {
|
||
type: 'boolean'
|
||
,desc: '生成一个带版本号的文件夹'
|
||
}
|
||
});
|
||
|
||
parser.showHelp(console.log);
|
||
console.log([
|
||
'Tasks:'
|
||
,' default 默认任务'
|
||
,' rls 发行任务'
|
||
,' cp 将 dist 目录复制一份到参数 --dest 指向的目录'
|
||
].join('\n'), '\n\nExamples:\n gulp cp --dest ./v --vs', '\n');
|
||
return gulp.src('./');
|
||
};
|
||
|
||
|