mirror of
https://gitee.com/layui/layui.git
synced 2025-10-07 23:24:32 +08:00
update
This commit is contained in:
贤心
284
gulpfile.js
284
gulpfile.js
@@ -1,187 +1,171 @@
|
||||
|
||||
/*!
|
||||
* layui Build
|
||||
*/
|
||||
/**
|
||||
* Layui Build
|
||||
*/
|
||||
|
||||
var pkg = require('./package.json');
|
||||
var inds = pkg.independents;
|
||||
|
||||
var gulp = require('gulp');
|
||||
var uglify = require('gulp-uglify');
|
||||
var minify = require('gulp-minify-css');
|
||||
var cleanCSS = require('gulp-clean-css');
|
||||
var concat = require('gulp-concat');
|
||||
var rename = require('gulp-rename');
|
||||
var replace = require('gulp-replace');
|
||||
var header = require('gulp-header');
|
||||
var footer = require('gulp-footer');
|
||||
var del = require('del');
|
||||
var gulpif = require('gulp-if');
|
||||
var minimist = require('minimist');
|
||||
var zip = require('gulp-zip');
|
||||
var yargs = require('yargs');
|
||||
|
||||
//基础配置
|
||||
var config = {
|
||||
//注释
|
||||
comment: [
|
||||
'/** <%= pkg.version %> | <%= pkg.license %> Licensed */<%= js %>'
|
||||
,{pkg: pkg, js: ';'}
|
||||
]
|
||||
//模块
|
||||
,modules: 'lay,laytpl,laypage,laydate,jquery,layer,util,dropdown,slider,colorpicker,element,upload,form,table,tree,transfer,carousel,rate,flow,code'
|
||||
};
|
||||
|
||||
//获取参数
|
||||
var argv = require('minimist')(process.argv.slice(2), {
|
||||
default: {
|
||||
ver: 'all'
|
||||
version: pkg.version
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
//注释
|
||||
,note = [
|
||||
// '/*! <%= pkg.realname %> v<%= pkg.version %> | Released under the <%= pkg.license %> license */\n <%= js %>'
|
||||
'/*! <%= pkg.license %> Licensed */<%= js %>'
|
||||
,{pkg: pkg, js: ';'}
|
||||
]
|
||||
|
||||
//模块
|
||||
,mods = 'lay,laytpl,laypage,laydate,jquery,layer,util,element,upload,dropdown,slider,colorpicker,form,tree,transfer,table,carousel,rate,flow,layedit,code'
|
||||
|
||||
//发行版本目录
|
||||
,releaseDir = './release/zip/layui-v' + pkg.version
|
||||
,release = releaseDir + '/layui'
|
||||
|
||||
//目标木
|
||||
,destDir = function(ver){
|
||||
return ver ? release : function(){
|
||||
return argv.rc ? 'rc' : 'dist'
|
||||
}();
|
||||
}
|
||||
|
||||
//任务
|
||||
,task = {
|
||||
//聚合 JS 文件
|
||||
alljs: function(ver){
|
||||
var src = [
|
||||
'./src/**/{layui,layui.all,'+ mods +'}.js'
|
||||
]
|
||||
,dir = destDir(ver);
|
||||
|
||||
return gulp.src(src).pipe(uglify({
|
||||
output: {
|
||||
ascii_only: true //escape Unicode characters in strings and regexps
|
||||
}
|
||||
}))
|
||||
.pipe(concat('layui.js', {newLine: ''}))
|
||||
.pipe(header.apply(null, note))
|
||||
.pipe(gulp.dest('./'+ dir));
|
||||
}
|
||||
|
||||
//压缩 css 文件
|
||||
,mincss: function(ver){
|
||||
var src = [
|
||||
'./src/css/**/*.css'
|
||||
,'!./src/css/**/font.css'
|
||||
]
|
||||
,dir = destDir(ver)
|
||||
,noteNew = JSON.parse(JSON.stringify(note));
|
||||
|
||||
noteNew[1].js = '';
|
||||
|
||||
return gulp.src(src).pipe(minify({
|
||||
compatibility: 'ie7'
|
||||
})) //.pipe(header.apply(null, noteNew))
|
||||
.pipe(gulp.dest('./'+ dir +'/css'));
|
||||
}
|
||||
|
||||
//复制iconfont文件
|
||||
,font: function(ver){
|
||||
var dir = destDir(ver);
|
||||
|
||||
return gulp.src('./src/font/*')
|
||||
.pipe(rename({}))
|
||||
.pipe(gulp.dest('./'+ dir +'/font'));
|
||||
}
|
||||
|
||||
//复制组件可能所需的非css和js资源
|
||||
,mv: function(ver){
|
||||
var src = ['./src/**/*.{png,jpg,gif,html,mp3,json}']
|
||||
,dir = destDir(ver);
|
||||
|
||||
gulp.src(src).pipe(rename({}))
|
||||
.pipe(gulp.dest('./'+ dir));
|
||||
}
|
||||
|
||||
//复制发行的引导文件
|
||||
,release: function(){
|
||||
gulp.src('./release/doc/**/*')
|
||||
.pipe(replace('http://local.res.layui.com/layui/dist/', 'layui/'))
|
||||
.pipe(gulp.dest(releaseDir));
|
||||
}
|
||||
//前置目录
|
||||
var dir = {
|
||||
rls: './release/zip/layui-v' + pkg.version
|
||||
};
|
||||
|
||||
//清理
|
||||
gulp.task('clear', function(cb) {
|
||||
return del(['./'+ (argv.rc ? 'rc' : 'dist') +'/*'], cb);
|
||||
});
|
||||
gulp.task('clearRelease', function(cb) {
|
||||
return del([releaseDir], cb);
|
||||
});
|
||||
//输出目录
|
||||
var dest = ({
|
||||
dist: './dist'
|
||||
,rls: dir.rls + '/layui'
|
||||
}[argv.dest || 'dist'] || argv.dest) + (argv.vs ? '/'+ pkg.version : '');
|
||||
|
||||
gulp.task('alljs', task.alljs);
|
||||
gulp.task('mincss', task.mincss);
|
||||
gulp.task('font', task.font);
|
||||
gulp.task('mv', task.mv);
|
||||
gulp.task('release', task.release);
|
||||
//js
|
||||
var js = function(){
|
||||
var 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
|
||||
}
|
||||
})).pipe(concat('layui.js', {newLine: ''}))
|
||||
.pipe(header.apply(null, config.comment))
|
||||
.pipe(gulp.dest(dest));
|
||||
};
|
||||
|
||||
//css
|
||||
var css = function(){
|
||||
var src = [
|
||||
'./src/css/**/*.css'
|
||||
,'!./src/css/**/font.css'
|
||||
]
|
||||
return gulp.src(src).pipe(cleanCSS({
|
||||
compatibility: 'ie8'
|
||||
}))
|
||||
//.pipe(concat('layui.css', {newLine: ''}))
|
||||
.pipe(gulp.dest(dest +'/css'));
|
||||
};
|
||||
|
||||
//files
|
||||
var files = function(){
|
||||
var src = ['./src/**/*.{eot,svg,ttf,woff,woff2,html,json,png,jpg,gif}'];
|
||||
return gulp.src(src)
|
||||
.pipe(gulp.dest(dest));
|
||||
};
|
||||
|
||||
//完整任务 gulp
|
||||
gulp.task('default', ['clear'], function(){ //rc 版：gulp --rc
|
||||
for(var key in task){
|
||||
task[key]();
|
||||
}
|
||||
});
|
||||
//mv
|
||||
var mv = function(){
|
||||
return gulp.src('./dist/**/*')
|
||||
.pipe(gulp.dest(dest));
|
||||
};
|
||||
|
||||
//release
|
||||
var rls = function(){
|
||||
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));
|
||||
};
|
||||
|
||||
//发行版 gulp rls
|
||||
gulp.task('rls', ['clearRelease'], function(){ // gulp rls
|
||||
for(var key in task){
|
||||
task[key]('release');
|
||||
}
|
||||
});
|
||||
//clean
|
||||
var clean = function(cb) {
|
||||
return del([dest], {
|
||||
force: true
|
||||
});
|
||||
};
|
||||
var cleanRLS = function(cb) {
|
||||
return del([dir.rls]);
|
||||
};
|
||||
|
||||
//打包 layer 单独版
|
||||
gulp.task('layer', function(){
|
||||
var dir = './release/layer';
|
||||
//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.mv = gulp.series(clean, mv);
|
||||
exports.rls = gulp.series(cleanRLS, rls); //release task
|
||||
|
||||
//layer task
|
||||
exports.layer = function(){ // gulp layer
|
||||
var dest = './release/layer';
|
||||
|
||||
gulp.src('./src/css/modules/layer/default/*')
|
||||
.pipe(gulp.dest(dir + '/src/theme/default'));
|
||||
.pipe(gulp.dest(dest + '/src/theme/default'));
|
||||
|
||||
return gulp.src('./src/modules/layer.js')
|
||||
.pipe(gulp.dest(dir + '/src'));
|
||||
});
|
||||
.pipe(gulp.dest(dest + '/src'));
|
||||
};
|
||||
|
||||
|
||||
//打包 layDate 单独版
|
||||
gulp.task('laydate', function(){
|
||||
//发行目录
|
||||
var dir = './release/laydate'
|
||||
|
||||
//注释
|
||||
,notes = [
|
||||
//laydate task
|
||||
exports.laydate = function(){ // gulp laydate
|
||||
var dest = './release/laydate/' //发行目录
|
||||
,comment = [ //注释
|
||||
'\n/*! \n * <%= title %> \n * <%= license %> Licensed \n */ \n\n'
|
||||
,{title: 'layDate 日期与时间组件（单独版）', license: 'MIT'}
|
||||
];
|
||||
|
||||
//合并所依赖的 css 文件
|
||||
gulp.src('./src/css/modules/laydate/default/{font,laydate}.css')
|
||||
.pipe(concat('laydate.css', {newLine: '\n\n'}))
|
||||
.pipe(gulp.dest(dir + '/src/theme/default'));
|
||||
//css
|
||||
gulp.src('./src/css/modules/laydate.css')
|
||||
.pipe(gulp.dest(dest + 'src/'));
|
||||
|
||||
//合并所依赖的 js 文件
|
||||
//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(concat('laydate.js', {newLine: ''}))
|
||||
.pipe(header.apply(null, notes)) //追加头部
|
||||
.pipe(gulp.dest(dir + '/src'));
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.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(concat('laydate.js', {newLine: ''}))
|
||||
.pipe(header.apply(null, comment)) //追加头部
|
||||
.pipe(gulp.dest(dest + 'src'));
|
||||
};
|
||||
|
||||
//help
|
||||
exports.help = function(){
|
||||
var usage = '\nUsage: gulp [options] tasks'
|
||||
,parser = yargs.usage(usage, {
|
||||
dest: {
|
||||
type: 'string'
|
||||
,desc: '定义输出目录，可选项：dist（默认）、rls、任意路径'
|
||||
}
|
||||
,vs: {
|
||||
type: 'boolean'
|
||||
,desc: '生成一个带版本号的文件夹'
|
||||
}
|
||||
});
|
||||
|
||||
parser.showHelp(console.log);
|
||||
console.log([
|
||||
'Tasks:'
|
||||
,' default 默认任务'
|
||||
,' rls 发行任务'
|
||||
,' mv 将 dist 目录复制并拷贝一份到参数 --dest 指向的目录'
|
||||
].join('\n'), '\n\nExamples:\n gulp mv --dest ./v --vs', '\n');
|
||||
return gulp.src('./');
|
||||
};
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user