最近公司的项目一直使用gulpfile打包,项目会有三种项目打包(生产环境)和监听(开发环境)两种过程,同时需要清除文件夹,希望打包时增加提示以便区分,暂时分为上述三种提示打包、监听、清除。
先上code
gulp.task('clean', function () { console.log(' 33[41;37m CLEAN 33[40;31m 完成清除 33[0m') return gulp.src('dist').pipe(clean()) }) gulp.task('auto', ['clean'], function () { gulp.run('build', function () { gulp.watch(SRC + '*.html', ['html']) gulp.watch(SRC + 'js/*', ['js']) gulp.watch(SRC + 'css/*.css', ['css']) gulp.watch(SRC + 'images/*', ['img']) console.log(' 33[44;37m WATCH 33[40;34m 监听中... 33[0m') }) }) gulp.task('build', ['html', 'js', 'css', 'img'], function () { console.log(' 33[42;30m DONE 33[40;32m 打包完成 33[0m') })
效果如下
注意代码中的console.log,自定义样式主要就是如上配置,例如
其中 33 ***** 33中间为自定义样式内容,[0m 表示关闭所有属性,其中42;30 分别对应背景颜色与字体颜色,具体设置可以参考
字色编号:30黑,31红,32绿,33黄,34蓝,35紫,36深绿,37白色
背景编号:40黑,41红,42绿,43黄,44蓝,45紫,46深绿,47白色
自定义标识如下