? ? ? ?fekit是一套前端開發工具，是由去哪兒網開發。目前在github上開源。使用fekit的優點： ?

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

?

?

? ? ?fekit依賴node.js,所以在使用fekit之前需要給自己的電腦安裝node。本人使用的是Mac，電腦已經安裝了homebrew，打開命令行輸入brew install node即可安裝好node。驗證node是否安裝成功，輸入node -v. ? ? npm是node自帶的一個工具，所以當安裝好node的時候，也就可以使用npm來安裝一些我們需要的插件。本文需要的fekit也是通過npm實現的安裝。

?

1.fekit 的安裝

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

2.通過fekit來創建一個項目

?自己先選好一個目錄，在這個目錄下執行fekit init 命令，然后就會出現下面的結果

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

?

3.本地開發調試

使用fekit啟動一個服務 ?在創建上述項目的目錄中，輸入fekit server

端口啟動成功

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

默認端口是80 ?這個端口號也可以改變

?

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

?

轉載于:https://www.cnblogs.com/xcodes123/p/5883643.html

總結

以上是生活随笔為你收集整理的fekit前端代码模块化工具的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。