Fis3的前端模塊化之路[基礎篇]

Fis3版本:v3.4.22html

fis3是一個構建工具


解決前端開發中自動化工具、性能優化、模塊化框架、開發規範、代碼部署、開發流程等問題。前端

安裝


npm install -g fis3

運行npm

fis3 -v

輸出
瀏覽器

說明安裝成功。性能優化

基本使用


查看有哪些命令

fis3 -h

構建命令

//構建
fis3 release 

//構建輸出到指定目錄
fis3 release -d <path>

//構建輸出到當前目錄下
fis3 release -d ./output

//構建輸出到父級目錄下
fis3 release -d ../output

//構建到其餘磁盤
fis3 release -d E:\output

fis3構建項目的時候有個特色:就是不會去更改源文件,而是從新生成文件服務器

調試相關命令

fis3自帶一個調試用的服務器框架

//先構建
fis3 release

//再來啓動本地 Web Server,當此 Server 啓動後,會自動瀏覽器打開 http://127.0.0.1:8080,默認監聽端口 8080
fis3 server start

//打開Server所在的目錄
fis3 server open

//關閉調試
fis3 server stop

//清空Server目錄下構建的文件
fis3 server clean

啓動Server後,每次修改文件,只須要release。不須要server start。應該內置的服務是長駐的,除非主動關閉服務。
若是以爲每次這樣麻煩,咱們也能夠設置文件監聽。省去手動刷新的麻煩。模塊化

fis release -wL

啓動Server:

打開Server目錄:

清空release的資源

相關文章
相關標籤/搜索