一句命令快速合併 JS、CSS

　　在項目開發環境下，咱們會把 JS 代碼儘量模塊化，方便管理和修改，這就避免不了會出現一個項目自身 JS 文件數量達到 10 個或者更多。

　　而項目上線後，會要求將全部 JS 文件合併爲 1 個或者幾個，手動的操做雖然也不是問題，但每次修改更新都要手動操做合併一遍，這就確定是個噩夢了。

　　這種狀況下，一些工具也就隨之產生，好比在線合併，一些網站提供js文件上傳，而後合併，但這仍是很麻煩，若是開發環境沒有網絡呢？

　　這會我就想到了 windows 系統下的 cmd 裏的 copy 命令，它雖然是個複製的功能，但實則也是能夠實現合併文件的需求，下面就看下這句代碼：

copy a.js+b.js+c.js abc.js /b

　　相信不會太多編程的人閱讀上面那句代碼也能大體讀懂意思：經過 copy 命令將 a.js b.js c.js 合併爲一個 abc.js，最後的 /b 表示文件爲二進位文件，copy 命令的其它參數能夠在 cmd 裏輸入 copy /? 學習，這裏就再也不細述。

　　說到這裏，其實 windows 自己就能夠完成咱們的需求，也不用安裝什麼其它工具了，下面咱們要作的就是將這一切操做更簡單。

　　咱們在項目存放 JS 的文件夾下新建一個 TXT 文件，將代碼複製進去，並修改須要合併哪些文件，最後保存並將 TXT 修改成 BAT 後綴，如：

copy core.js+hros.app.js+hros.appmanage.js+hros.base.js+hros.copyright.js+hros.desktop.js+hros.dock.js+hros.folderView.js+hros.grid.js+hros.maskBox.js+hros.navbar.js+hros.popupMenu.js+hros.searchbar.js+hros.startmenu.js+hros.taskbar.js+hros.uploadFile.js+hros.wallpaper.js+hros.widget.js+hros.window.js+hros.zoom.js+templates.js+util.js core.min.js /b

　　接下來咱們雙擊下那個 BAT 文件，看到效果了吧？這就是咱們想要的。之後每次上線前，只需雙擊下這個文件，系統就會自動合併並生成一個合併好的文件，比起其它什麼工具，這個的效率簡直沒法直視。

　　若是你本地還安裝過 UglifyJS 這個工具，能夠在代碼後面加一句壓縮的代碼，如：

copy core.js+hros.app.js+hros.appmanage.js+hros.base.js+hros.copyright.js+hros.desktop.js+hros.dock.js+hros.folderView.js+hros.grid.js+hros.maskBox.js+hros.navbar.js+hros.popupMenu.js+hros.searchbar.js+hros.startmenu.js+hros.taskbar.js+hros.uploadFile.js+hros.wallpaper.js+hros.widget.js+hros.window.js+hros.zoom.js+templates.js+util.js core.min.js /b
uglifyjs core.min.js -m -o core.min.js

　　這樣每次合併好後就自動壓縮了，又省了一步操做。

　　CSS 合併同理。