鍍金池/ 問答/HTML/ import 引入圖片后的路徑問題

import 引入圖片后的路徑問題

在 js 中通過使用 import 引入圖片,如果圖片不被轉(zhuǎn)成 base64,會(huì)在打包過程中將圖片轉(zhuǎn)移至 dist/static 目錄下。

import titleImg from './images/title.png';

export default class Login extends Component {
    render() {
        return (<img src={titleImg} alt="標(biāo)題" />)
    }
}

但是此時(shí)的圖片路徑不應(yīng)該是 /static/title.ce51fdaf.png,而應(yīng)該是 ./static/title.ce51fdaf.png

網(wǎng)站路徑是
|——index.html
|——static
|——|
|——|——title.ce51fdaf.png

這應(yīng)該是在打包配置中可以修改的吧?

回答
編輯回答
護(hù)她命

webpack的output下的publicPath配置成./xx即可
https://github.com/sorrycc/ro...

clipboard.png

2017年4月9日 10:25