fekit前端代碼模塊化工具

       fekit是一套前端開發工具,是由去哪兒網開發。目前在github上開源。使用fekit的優勢:  css

  a.本地開發支持環境:從開發調試到上線,均是先後端工程獨立開發、調試、部署,打破了原來先後端揉在一個工程的作法。 
  b.靜態文件編譯:能夠將css、js、模版等fekit支持的文件編譯,同時用require的方式來解決各模塊的依賴問題。 
  c.css、js資源版本號問題:fekit工程發佈完成以後,會將變化的css、js資源版本號以文件的方式發佈到maven倉庫裏,這樣後端工程在發佈的時候按照預先配置好的fekit工程,去maven倉庫將這些版本文件拉下來,而後能夠在後端模版裏直接引用。下面是一個簡單的例子:html

 

 

     fekit依賴node.js,因此在使用fekit以前須要給本身的電腦安裝node。本人使用的是Mac,電腦已經安裝了homebrew,打開命令行輸入brew install node便可安裝好node。驗證node是否安裝成功,輸入node -v.     npm是node自帶的一個工具,因此當安裝好node的時候,也就能夠使用npm來安裝一些咱們須要的插件。本文須要的fekit也是經過npm實現的安裝。前端

 

1.fekit 的安裝node

  命令行輸入 npm install fekit -g       驗證fekit安裝成功的方法   命令行輸入 fekitgit

2.經過fekit來建立一個項目github

 本身先選好一個目錄,在這個目錄下執行fekit init 命令,而後就會出現下面的結果npm

當前目錄會出現這四個文件夾    fekit.config文件夾中的內容解釋以下後端

 

3.本地開發調試瀏覽器

使用fekit啓動一個服務  在建立上述項目的目錄中,輸入fekit servermaven

端口啓動成功

在瀏覽器中打開index.html文件夾

默認端口是80  這個端口號也能夠改變

 

以上就是一些環境的配置和端口的配置。下一篇博客我將使用fekit開發一個簡單的項目,實現模塊化

相關文章
相關標籤/搜索