前端項目目錄管理-部署結構

1、人生第一次作規劃項目，之前都是跟着前端的老大，他把一切都規劃好了，我跟着作就能夠了，此次要本身規劃前端目錄結構，好緊張，參考了衆多文章，結果仍是看不太懂，百度前端工具框架–fis，沒怎麼看得懂，因此沒用，仍是本身好好想把，我仍是主要參考了，我上次作項目時，那個項目負責人是怎麼規劃項目的。

2、前端結構

　　一、首先我想到須要的功能就是，把js、css、UI組件、庫文件、grunt，等這些工具分開擺放。

　　二、在不考慮html文件的位置狀況下，在任何地方均可以調用到js文件、css文件、UI組件、庫文件。

　　三、存放壓縮文件的地方。還有一個存放全部完整庫文件、完整UI文件的地方

　　

 

　　（1）src爲主文件目錄。

　　（2）bower_components爲全部庫文件、UI組件原文件的存放目錄。

　　（3）dep爲刪減事後的全部庫文件、UI組件的存放地址

　　（4）grunt放置grunt須要的插件，以及配置。

　　（5）js、css文件用來存放全部的編寫的js文件、css文件。

　　（6）src_css、src_js爲壓縮事後的js文件，以及壓縮事後的css文件。

　　（7）README.md文件爲前端項目說明。

3、這麼分類的考慮緣由

　　一、擴展型，無論之後須要添加什麼效果，我只須要在js、css目錄中添加相應的文件就能夠了，命名方式我也想好了，能夠用html頁面的名字做爲前綴，而後在加上相應功能的名字，這樣就能夠很好的造成命名空間。

　　二、複用性，我爲何沒有考慮html頁面的位置，由於還要和後端程序員合做，他確定對頁面會有必定修改，這一部分我就不太管他怎麼修改了，我只需保證好html頁面的製做，以及js文件，css文件的引入，我用src作爲全部的主目錄就是考慮到和後臺合做的緣由，全部js、css、庫文件都是單獨的，不會有跟後端有任何交際，刪除掉也是能夠的，後期修改也比較方便。

　　三、性能，到項目上線期，我只須要將src文件中的，src_css文件、src_js文件、dep文件，交個後臺就能夠了，這都是通過壓縮的文件，須要任何修改，我還有原文件能夠做爲備份。

　　四、README.md文件，我主要是考慮到，若是項目開發到一半，或者項目開發完成後，要有新人加入，或者是要移交項目時，我所須要提供的信息，將一切都寫好了，第一，我本身不會忘記，教別人也能夠叫他直接看，項目移交這一階段，我也能夠快速完成。

　　總結：說到底，這都是我想的，還有什麼測試目錄、代碼規範等等東西我沒有想到，好吧，菜鳥前端的第一次規劃的項目就要這樣開始了，之後再慢慢添加吧，

來自爲知筆記(Wiz)