1. 程式人生 > >FIS3.一個強大的前端工程構建工具的初級超級實用功能講解

FIS3.一個強大的前端工程構建工具的初級超級實用功能講解

那麼,安裝的過程我就不說了,按照官方文件很容易就可以進行安裝,我們講講FIS3的程式碼壓縮和瀏覽器的自動重新整理功能。

進入了官方文件呢,我們看到左側邊欄有導航的選項:

如果你覺得你想學習壓縮資源這一項你就直接只看這一項那絕對會看懵逼的,如果你覺得你想學習瀏覽器自動重新整理這一項你就直接只看這一項那也絕對會看懵逼的,

不要心急,耐心按順序一項一項看,你會有很大的收穫。那麼說一說,在功能的執行過程中可能會出現的一些bug以及解決方法,避免再次落入坑中。

如果你只看完了構建部分的內容,想聯絡一下程式碼壓縮,這是壓縮完的檔案有一個資源定位的問題

它會把你的檔案中url進行替換,相對路徑變為絕對路徑,這樣就造成了你壓縮完以後,雙擊本地的檔案,會出現檔案引入錯誤的提示,沒有樣式效果。

但是,當你把除錯相關的知識也瞭解之後,把配置檔案fis-conf.js放入到cmd中命令fis3 server open後彈出的資料夾中,再執行fis3 release -c,就可以實現程式碼的壓縮了

這時效果可以通過fis3 server start彈出的頁面來看。

那麼瀏覽器自動重新整理的前提條件是:

1.你的node版本正確,可以通過cmd中node -v 檢視,同時fis3支援

2.你已經正確安裝了fis3, 可以通過cmd中fis3 -v檢視

正常步驟是(cmd中操作):

1.fis3 server open,開啟根目錄

2.fis3 release -c 寫入要重新整理的專案

3.fis3 server start  開啟服務

4.fis3 release -cwL 執行瀏覽器自動重新整理