webpack配置問題:打包后的本地資源部分圖片部署后加載不了

本地資源里的圖片 10k以下的圖片加載正常,10k以上的圖片部署后未能轉(zhuǎn)為base64,加載失敗的原因是在項目build文件下的webpack.base.conf.js文件的配置限制了圖片的大小


通常用webpack打包時,會根據(jù) webpack.config.js 中 url-loader 中設(shè)置的limit大小來對圖片進行處理,小于limit的圖片轉(zhuǎn)化成base64格式,其余的不做操作。對于比較大的圖片我們可以用image-webpack-loader 來壓縮圖片。

安裝:npm install image-webpack-loader --save-dev

在 webpack.config.js 中配置


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1 Webpack 1.1 概念簡介 1.1.1 WebPack是什么 1、一個打包工具 2、一個模塊加載工具 3...
    Kevin_Junbaozi閱讀 7,037評論 0 16
  • 版權(quán)聲明:本文為博主原創(chuàng)文章,未經(jīng)博主允許不得轉(zhuǎn)載。 webpack介紹和使用 一、webpack介紹 1、由來 ...
    it筱竹閱讀 11,476評論 0 21
  • 目錄第1章 webpack簡介 11.1 webpack是什么? 11.2 官網(wǎng)地址 21.3 為什么使用 web...
    lemonzoey閱讀 1,833評論 0 1
  • 記得2004年的時候,互聯(lián)網(wǎng)開發(fā)就是做網(wǎng)頁,那時也沒有前端和后端的區(qū)分,有時一個網(wǎng)站就是一些純靜態(tài)的html,通過...
    陽陽陽一堆陽閱讀 3,469評論 0 5
  • 2018年11月18日,拱卒 素材來源鬼腳七文章 道德經(jīng)中講:曲則全 大自然很有意思,所有符合自然的東西都是曲的。...
    凡塵花仙子閱讀 865評論 0 1

友情鏈接更多精彩內(nèi)容