前端工程化 yeoman使用

1.前端工程化是遵循一定的標準和規範，通過工程去提高效率和較低成本的一種手段。

2.解決問題

1.使用es6+新特性，相容性問題

2.使用less/sass/postcss增加css程式設計性，執行環境問題

3.使用模組化方式提高專案可維護性，執行環境問題

4.部署上線前需要手動壓縮**及資源檔案，部署過程需要手動上傳**到伺服器

5.多人協作開發，**風格問題；從倉庫中pull回來的**質量無法保證

6.部分功能開發時，依賴後端服務介面問題

1.常見的工程化整合工具

1.全域性範圍安裝yeoman

yarn global add yo

配置yeoman環境變數 c:\program files\nodejs\node_global\bin

2.安裝對應的generator

yarn global add generator-node

3.通過yo執行generator

目標路徑下建立新檔案

cd e:/

mkdir my-module

yo node

參考：

前端工程化 Yeoman

什麼是yeoman yeoman是乙個前端構建工具。它整合了yo yeoman gulp grunt和npm bower等工具，組成了乙個完整的工具集合，為前端開發提供了一套完整的解決方案。yeoman能為我們做什麼 在專案中使用yeoman可以幫助開發人員在搭建應用的基礎結構 進行任務構建和其他輔...

前端工程化之yeoman的使用 二

前面對yeoman進行了初步的了解 前端工程化之yeoman的使用 一 接下來對yeoman進行擴充套件安裝自己的腳手架，以及遇到的問題進行記錄 效果新建模板 因為我這裡直接刪除generators資料夾了 可對照上篇文章的新建目錄結構部分 所以files中的陣列直接就是generator file...

前端工程化

為什麼出現了前端工程化？09年之前，我們學習的css，div，js只是對頁面設計進行乙個打輔助的功能，當時只能勉強的成為頁面設計師，為什麼會出現前端工程師 1.突然間前端的需求逐漸增多，使用者對介面的要求越來越高，前端範疇越來越大。2.前後端總是保持一致才能進行開發，不能分開開發，提出前端工程化，也...