WEB整合開發方案-Windows 版

標籤：

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中運行。

 

WEB整合開發方案-Windows 版