1.3.5 • Published 6 years ago
gulp-frontend-program v1.3.5
gulp-frontend-program
项目缘起
懒 懒得复制CSS、html 懒得写一堆CSS前缀 。。。。 总之一堆懒
所以,就有了这个很简单的项目(高手请直接略过!!!!)
这是一个基于gulp的前端项目, 包含
- 新建代码着色与错误日志显示
- html检查、模块化、压缩
- Less转换 、压缩
- JS检查、压缩
- 图片压缩
- CSS sprite (待完善)
- 本地浏览器自动刷新 等功能
HTML模块化
html的模块代码放置在如下目录中
src
...
|__ html
|__include(请不要随意修改此文件名,否则会报错)
...
在页面中可以做如下直接引用
<!-- {{header.html}} -->
LESS/CSS自动补全
样式表自动补全采用 mixinsless ,感恩!
目录结构
src
|__ fonts
|__ html
|__include // 公共部分,可以页面中引用
|__ less
|__ js
gulpfile.js // Gulp主文件
package.json // 配置文件
README.md // 项目说明文件
安装
# install
npm i gulp-frontend-program
# install dependencies
npm install (尽量不要使用cnpm安装)
# start program
gulp
# serve start dev localhost:8000
gulp connectDev
# serve start dist localhost:8001
gulp connectDist