gulp不压缩打包layui
Posted yaoyuan2
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了gulp不压缩打包layui相关的知识,希望对你有一定的参考价值。
从网上下载的layui都是压缩包,如何打包在一个文件且不压缩呢?如下方法:
1、https://gitee.com/sentsin/layui下载源码(本文的为2.4.5版本)
2、安装nodejs(如果没安装的话,参见我之前博文)
3、安装淘宝镜像,为了速度快
npm install -g cnpm --registry=http://registry.npm.taobao.org
4、全局安装gulp
cnpm install --global gulp
5、cd到layui根目录(含有gulpfile.js的目录)并编辑gulpfile.js
将该文件中所有.pipe(uglify())都注释掉
6、本地安装gulp
cnpm install --save-dev gulp
7、执行打包命令
gulp
报错:gulp-concat组件没有安装。解决:
cnpm install gulp-concat --save-dev cnpm install gulp-uglify --save-dev cnpm install del --save-dev cnpm install gulp-if --save-dev cnpm install gulp-minify-css --save-dev cnpm install gulp-rename --save-dev cnpm install gulp-header --save-dev cnpm install gulp-zip --save-dev cnpm install minimist --save-dev
因为,
再次执行
gulp alljs
输出到了:dist/layui.all.js
以上是关于gulp不压缩打包layui的主要内容,如果未能解决你的问题,请参考以下文章
使用gulp自动化打包合并前端静态资源(CSSJS文件压缩添加版本号)