? ? ? ?fekit是一套前端開發(fā)工具，是由去哪兒網(wǎng)開發(fā)。目前在github上開源。使用fekit的優(yōu)點： ?

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

?

?

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

?

1.fekit 的安裝

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

2.通過fekit來創(chuàng)建一個項目

?自己先選好一個目錄，在這個目錄下執(zhí)行fekit init 命令，然后就會出現(xiàn)下面的結(jié)果

當(dāng)前目錄會出現(xiàn)這四個文件夾 ? ?fekit.config文件夾中的內(nèi)容解釋如下

?

3.本地開發(fā)調(diào)試

使用fekit啟動一個服務(wù) ?在創(chuàng)建上述項目的目錄中，輸入fekit server

端口啟動成功

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

默認(rèn)端口是80 ?這個端口號也可以改變

?

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/xcodes123/p/5883643.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。