基于nodejs的前端开发环境

Posted 水晶草

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了基于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为最终生成版本

以上是关于基于nodejs的前端开发环境的主要内容,如果未能解决你的问题,请参考以下文章

原创基于NodeJS Express框架开发的一个VIP视频网站项目及源码分享

前端进阶全栈入门级教程nodeJs博客开发(一)搭建环境与路由

前端进阶全栈入门级教程nodeJs博客开发(一)搭建环境与路由

前端进阶全栈入门级教程nodeJs博客开发(一)搭建环境与路由

前端进阶全栈入门级教程nodeJs博客开发(一)搭建环境与路由

Nodejs生态圈的TypeScript+React