gulp自動化構建遇到的一些問題

2021-08-18 16:43:21 字數 343 閱讀 8364

1) 使用gulp合併壓縮css檔案時,如果將資源檔案(bootstrap.css等)和自定義css檔案合併放在乙個檔案裡,要注意它們的寫入順序,一般都要把自定義的css部分放在資源檔案的css後面,自定義的css屬性才能覆蓋資源檔案中的屬性。

2) 如果是分別單獨合併css庫檔案(如bootstrap.css和bootstrap-theme.min.css等)和自定義css檔案,那麼要注意引入的先後順序,在中引入時注意先引入css庫檔案後引入自定義css檔案,才能使自定義css樣式覆蓋css庫中的樣式

以上兩個坑,大概是自己傻了才會遇到。

Gulp 自動化構建

use gulp 官網 編譯 sass 合併優化壓縮 css 校驗壓縮 js 優化新增檔案指紋 md5 元件化頭部底部 include html 實時自動重新整理 gulp是前端開發過程中對 進行自動化構建的利器。它不僅能對資源進行優化,而且在開發過程中能夠通過配置自動完成很多重複的任務,讓我們可以...

gulp前端自動化構建工具

gulp是基於node.js的乙個構建工具 自動任務執行器 開發者可以使用它自動化工作流程。一些常見的 重複的任務,例如 網頁自動重新整理 css預處理 檢測 壓縮 等,只需要簡單的命令就能全部完成。使用它可以簡化工作,提高開發效率。gulp優點 簡潔 gulp側重 優於配置 最直觀的感受,更為簡單...

2 1 8 Gulp自動化構建案例

在html中有時會引入一些css 或者js 檔案,這些檔案當我們打包完成之後就會出現檔案路徑不對應的情況。針對這個問題可以使用乙個 useref 的外掛程式,使用這個外掛程式可以自動地處理html中的構建注釋。按照這些構建注釋,useref 可以幫我們將檔案打包到指定的目錄中,並且在這個過程中還可以...