JavaScript 进阶营让前端飞技术干货

分享一个自己正在用的gulp配置项目

2018-03-13  本文已影响42人  安东尼的漫长岁月

分享一个自己正在用的gulp配置项目,集成了css精灵图,less,css兼容前缀,js检查,html,js,css压缩,html引入,代理跨域等功能。

码云链接:https://gitee.com/cjy199387/temp

项目目录介绍

目录结构

build:项目打包和dev配置文件,

dist:项目dev和生成的文件,

src:项目的源文件:

src-assets:第三方的插件库

src-components:专为gulp-html-import插件设置,存放共同的页面组件,比如头部,底部的html代码

src-image-icon:专为gulp.spritesmith插件设置,存放一些小icon,最终会生成一张css精灵图,在开发过程中此插件会返回一个less文件,可以引入总的less文件入口使用,很方便,具体用法参考此插件的教程

其他目录应该不用介绍也看的懂看吧。

此项目会不定期更新,也希望大家提出自己的想法来完善,谢谢!

上一篇 下一篇

猜你喜欢

热点阅读