基于nodejs的前端开发环境

 

`用法:

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为最终生成版本

转载于:https://www.cnblogs.com/shuijingcao/p/5354089.html

你可能感兴趣的:(基于nodejs的前端开发环境)