❶ 如何實現前端工程化和靜態資源的管理
提升開發體驗
我們主要從以下三個方面來提升我們的開發體驗。
規范化
當團隊人員不斷擴充時，我們需要制定統一的規范來對平時的開發工作做出一定約束和指導。統一的規范包括前端的代碼規范，根據規范定義好一套代碼檢查的規則，在代碼提交的時候進行檢查，讓開發人員知道自己的代碼情況。
同時，根據以往的開發經驗，我們制定了統一的項目框架，根據業務功能不同，將一個項目(app)拆分成不同的業務模塊(mole)，而每一個模塊都包含自身的頁面(page)以及構成頁面所需要的組件(widget)，每一個項目涉及到app、mole、page、widget這些已經約定好的概念，這樣讓項目結構更加清晰，而且讓團隊內不同業務的人員之間切換無障礙。
組件化
在項目中引入組件化的概念，這里的組件對應上文講到的widget，每一個組件都會包含組件自身的模板、css、js、圖片以及說明文件，我們使用組件來拼裝頁面，像搭積木一樣來拼裝我們的頁面，同時一個組件內可以調用另一個組件。
在拿到設計稿後，我們首先需要確定哪些需要做成公共組件，那些是要做成獨立組件，以及組件間如何進行通信。在頁面中調用這些組件後，會自動載入組件的模板以及組件的靜態資源，而當組件不再需要時，只要移除掉組件引用，那麼相應的模板和靜態資源也會不再載入。
組件化的好處主要有這么幾點
管理方便，我們可以把一個獨立功能相關的文件在工程目錄中放在一起，這樣代碼管理起來會非常便利
組件復用，通過抽取公共組件，可以實現組件復用，從而減少工作量，創造價值
分而治之，這是組件化最重要的一點，將頁面組件化，就是對頁面功能的拆分，將一個大的工程拆成小的零件，我們只需要關注每一個零件的功能，極大地降低了頁面的開發與維護的難度
自動化編譯
在前端開發中，我們總是會去使用很多工具、手段來優化代碼、提升開發效率，例如，我們會使用sass、less等CSS預處理工具來編寫更好維護的樣式代碼，我們也會使用CSSLint、eslint等代碼檢查工具來檢查代碼的語法錯誤，使用文件合並壓縮等手段來減少資源大小，除此之外我們還會去做雪碧圖合並、多倍圖處理、字體壓縮處理、代碼發布等等。
曾經有大神說過，超過90s的工作都應該自動化掉。而以上所有的這些工作，貫穿我們整個開發流程，但是不同工具的切換不但顯得凌亂，而且影響開發效率。在自動化、工程編譯的思想早已深入人心的當下，我們當然也要緊跟潮流，所以我們考慮通過自動化手段來提升我們的效率，讓所有操作可以一鍵式開速執行完。
我們將通過定義好一系列的編譯任務，按照一定順序依次對我們的項目自動進行編譯操作，最後產生出可上線的代碼。
❷ 工程管理中資源如何得到有效的調配
工程管理中資源得到有效的調配的方法是：
1、分析資源情況。
分析資源利用的有效性，總結管理有效性，確定汲取經驗，評估管理活動，並向管理人員反饋，優化資源組合，使各種資源應進行有效的搭配和協調，充分發揮作用，更有效地形成生產力。
2、制定項目資源管理計劃。
3、監控資源使用情況。
監控資源的計劃分配、實際分配和實際使用情況，對資源的計劃使用情況與實際使用記錄進行比較分析，項目執行者可以對不合理分配的資源進行重新調配，避免資源浪費。