WEB集成开发方案-Windows 版
前言
今天要解决下面几个问题:
1、 CSS压缩;
2、 JS压缩;
3、 JS依赖包的管理;
4、 各终端浏览器自动实时同步,解脱反复手动刷新与清缓存工作,非常适合响应式开发。
5、 项目发布
首先看下传统的开发模式,从编码、调试到发布,要做若干反复繁琐的操作,长期以来,会浪费很多宝贵的时间,工作效率是很低的。
不难看出,css与js的压缩,需要安装对应的工具,而且还有可能每次都要执行下对应的命令。往往开发目录中还有很多辅助的文件或代码,不希望推上线,所以在发布时,还要费劲的去筛选拷贝最终的代码到生产环境。
那么有没有一种方法,自动完成这些工作呢?曾经也任性的开发了一套自动化的工具,漠然回首,才发现已有很多高人发明了更先进的技术,与时俱进,也小试一把,帮助我们提高工作效率。
先不讲空洞的概念,直接看下我们要实现什么样的效果,能给我们带来什么样的好处。
(1)修改CSS,多浏览器同步实时刷新。
(2)修改后台代码,多浏览器同步实时刷新。
(3)多浏览器镜像。
是不是很想亲自尝试一下?其实还远不止这些功能,下面就详细介绍如何搭建这样一个环境。
目录
1、NodeJS简介与安装
2、GULP的安装与使用
3、BrowserSync工具的使用与原理介绍
NodeJS简介与安装
百度解释:Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台, 用来方便地搭建快速的 易于扩展的网络应用· Node.js 借助事件驱动, 非阻塞I/O 模型变得轻量和高效, 非常适合 运行在分布式设备 的 数据密集型 的实时应用。
个人理解:NodeJS就是一个JS解析器,通过其提供的JS语法的API,可以构建一系列应用程序,就好比java与JDK,开发出的应用可以在JVM中运行。