/** * Building Layui */ 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: [ '/** <%= 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,layedit,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/**/*.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/default/*') .pipe(gulp.dest(dest + '/src/theme/default')); 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(concat('laydate.js', {newLine: ''})) .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('./'); };