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打包压缩js代码

使用gulp自动化打包合并前端静态资源(CSSJS文件压缩添加版本号)

使用gulp 合并压缩打包,实时监控文件,实现本地server

gulp打包

玩转gulp之压缩打包热重载

gulp 基于流格式的一种打包构建工具