awdr74100 / awdr74100.github.io

部落格筆記 (使用 Gridsome 改版中)
https://awdr74100.github.io/
1 stars 0 forks source link

Webpack 前端打包工具 - 使用 url-loader 與 file-loader 處理靜態資源 | Roya's Blog #38

Open awdr74100 opened 4 years ago

awdr74100 commented 4 years ago

https://awdr74100.github.io/2020-03-09-webpack-urlloader-fileloader/

上一次在介紹 mini-css-extract-plugin 時,有提到關於使用 background-image:url() 以相對路徑參考本地圖片時所發生的錯誤,最後是使用 file-loader 解決此問題;簡單來說,file-loader 就是用來處理一般開發網頁時所使用的靜態資源,例如:字形、圖片等等,將所有資源載入到 Webpack 內,並且解析資源的相互依賴,最後以配置的選項生成對應