第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

<pre id="ey0s8"><td id="ey0s8"></td></pre>

已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

webpack導(dǎo)入圖片出現(xiàn)問題

首頁猿問 webpack導(dǎo)入圖片出現(xiàn)問題

JavaScript

有只小跳蛙 2019-02-16 19:12:44

按照文檔抄的webpack.config.js配置，可是在瀏覽器打開html發(fā)現(xiàn)css可以被import進(jìn)來，圖片則沒被加載目錄結(jié)構(gòu)index.js

查看完整描述

慕勒3428872

TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超6個(gè)贊

路徑問題

webpack 默認(rèn) publicPath='' 所以 myIcon.src = ys; 編譯后類似于 myIcon.src = publicPath + '[hash].jpg';
output.path 是編譯后文件存放路徑（即 dist 目錄），因此編譯后的圖片（[hash].jpg）是存放在這個(gè)目錄下
你直接打開 index.html 文件，相當(dāng)于根目錄是 index.html 所在目錄，而這個(gè)目錄是沒有圖片文件的所以報(bào) 404 錯(cuò)誤

有兩種解決方式：

設(shè)置 publicPath 為 dist (不推薦這樣)

module.exports = {
  output: {
    publicPath: 'dist/'
  }
}

用 webpack-dev-server 相應(yīng)的 html 改為 <script src="bundle.js"></script>，然后開啟 server，訪問 http://localhost:port/

PS: 注意發(fā)布的時(shí)候盡量設(shè) publicPath 為 CDN 地址或網(wǎng)站靜態(tài)文件所在地址。

反對(duì) 回復(fù) 2019-02-18

關(guān)注

舉報(bào)

0/150

提交

取消

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)