什麼是前端工程化以及前端自動化工具不再贅述。本次實現效果：
1.檔案合併：關於檔案合併很多人存在這樣的疑惑，在前端開發中到底該把所有js和css寫在乙個檔案裡還是各個頁面分開寫，我的建議是開發的時候分開寫，上線的時候合併為乙個，這樣的好處是對於瀏覽器來說，不同頁面中相同的檔案缺省會請求一次快取下來，其他頁面請求相同檔案時就直接從快取中讀取，減少檔案的網路請求可以提高網頁速度，所以檔案合併的是很有必要的。
2.檔案壓縮：既然都合併了，何不再壓縮一下呢
3.語法檢查：這個功能一般會和下面第4條功能配合使用，當檔案修改的時候檢查是否有語法錯誤，並在命令列中輸出錯誤資訊。
4.監聽檔案變化：監聽某個目錄下檔案是否修改，修改的話就執行特定的操作。比如說js/css/html**改了，瀏覽器自動重新整理網頁。
以上4點是比較常用的功能，更多功能根據自己需要新增
二、yeoman安裝
npm install -g yo
npm install -g grunt-cli bower
新建工程也可以用webstorm
歡迎使用CSDN markdow
本markdown編輯器使用stackedit修改而來，用它寫部落格，將會帶來全新的體驗哦 markdown 是一種輕量級標記語言，它允許人們使用易讀易寫的純文字格式編寫文件，然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題，將某些文字標記為粗體或者斜體，建立乙個鏈結等，詳細...
歡迎毛毛與妞妞使用CSDN markdown編輯器
建立乙個自定義列表 如何建立乙個註腳 注釋也是必不可少的 katex數學公式 新的甘特圖功能，豐富你的文章 uml 圖表 flowchart流程圖 匯出與匯入 你好！這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章，了解一下mar...
歡迎使用CSDN markdow1n編輯器
本markdown編輯器使用stackedit修改而來，用它寫部落格，將會帶來全新的體驗哦 markdown 是一種輕量級標記語言，它允許人們使用易讀易寫的純文字格式編寫文件，然後轉換成格式豐富的html頁面。維基百科 使用簡單的符號標識不同的標題，將某些文字標記為粗體或者斜體，建立乙個鏈結等，詳細...