码迷,mamicode.com
首页 > Web开发 > 详细

基于nodejs的前端开发环境

时间:2016-04-05 10:39:10      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:

 

`用法:

1、安装nodejs
2、安装gulp
3、cd进入当前目录 $npm install
4、gulp

 


`功能:

1、文件实施监控

文件修改后自动生成压缩版本并刷新浏览器

2、文件压缩&合并 gulp miniCss gulp miniJs gulp miniHtml

css/js自动压缩并生成MD5结尾的文件,每次修改更换md5 (已关闭,针对gulp 监听有缓存,线上可以可开启)
html 压缩
图片自动copy到压缩目录


3、本地server gulp server

自动搭建端口为3000的server本地服务,方便路径调试与ajax联调

4、代码检测 gulp lintJs

自动检测css/js不符合规范并提示 (未开启)

5、生成发布版本包 gulp publish

可自动生成zip包,方便部署

6、开发环境与最终线上环境可单独编译 gulp dev gulp

7、less的编译处理

自动编辑less文件

src为开发目录
dist为最终生成版本

基于nodejs的前端开发环境

标签:

原文地址:http://www.cnblogs.com/shuijingcao/p/5354089.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!