webpack 編譯圖片

今天遇到一個(gè)問(wèn)題,png圖片報(bào)錯(cuò),在網(wǎng)上找到一個(gè)解決辦法

{
    test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)(\?v=.+)?$/,
    loader: 'file-loader?name=assets/[name].[hash].[ext]'
},

最近又新搭建了一個(gè)項(xiàng)目,使用另外一種方式

{
      test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
      loader: 'url-loader',
      options: {
        limit: 10000,
        name: 'img/[name].[hash:5].[ext]'
      }
    },
    {
      test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
      loader: 'url-loader',
      options: {
        limit: 10000,
        name: 'img/[name].[hash:5].[ext]'
      }
    },
    {
      test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
      loader: 'url-loader',
      options: {
        limit: 10000,
        name: 'img/[name].[hash:5].[ext]'
      }
    }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,181評(píng)論 25 708
  • 最近在關(guān)注一些高技術(shù)職業(yè)得訓(xùn)練方法,偶然在圖書(shū)館借到這樣一本書(shū)《空中勇士-美國(guó)海軍飛行員培養(yǎng)內(nèi)幕》。 圖書(shū)寫(xiě)于19...
    濤聲回蕩閱讀 1,059評(píng)論 0 1
  • 以專(zhuān)注贏得未來(lái)。 人,什么階段就做什么事情,該堅(jiān)守的堅(jiān)守,該改變的改變。 之前專(zhuān)注于業(yè)務(wù)能力,現(xiàn)在專(zhuān)注于關(guān)系維護(hù)和...
    Ronger1313閱讀 212評(píng)論 0 0
  • 堅(jiān)守諾言贏得一場(chǎng)戰(zhàn)爭(zhēng) 劉濤 第一次世界大戰(zhàn)時(shí),交戰(zhàn)雙方的同盟國(guó)和協(xié)約國(guó)之間的戰(zhàn)爭(zhēng)打到了白熱化的階段。幾大戰(zhàn)場(chǎng)都展開(kāi)...
    清風(fēng)敘年閱讀 200評(píng)論 1 4
  • - The first thing I remember is being under something. It...
    party_pooper閱讀 322評(píng)論 0 1

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