基于nodejs的前端开发环境

Posted 2020-07-04 水晶草

 

`用法：

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