在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ webpack 打包html里面img標(biāo)簽的圖片怎么自定義輸出路徑

webpack 打包html里面img標(biāo)簽的圖片怎么自定義輸出路徑

我現(xiàn)在打包之后dist里面的圖片路徑變成這樣了
clipboard.png

用的是自帶的html-loader

{
    test: /\.html$/,
    use: {
        loader: 'html-loader',
        options: {
            // ignoreCustomFragments: [],
            // root: path.resolve(__dirname, 'src'),
            // attrs: ['img:src']
        }
    }
}

src下圖片路徑
clipboard.png
dist下的圖片路徑

clipboard.png

路徑雖然是可以顯示，項(xiàng)目也能運(yùn)行，但是個(gè)人有強(qiáng)迫癥，想讓dist下的圖片路徑和src的一樣，有沒有搞定過這個(gè)問題

回答
編輯回答
浪婳

問題已經(jīng)搞定了，直接修改url-loader的輸出路徑就行了

clipboard.png

另外，不知道誰(shuí)誤導(dǎo)的，網(wǎng)上都說用html-withimg-loader才能搞定。。。根本沒這個(gè)必要再加個(gè)loader，直接用html-loader就行了

2017年10月31日 19:23
編輯回答
離夢(mèng)

在html模版中，得使用require()來獲取圖片路徑，樓主要是不怎么會(huì)用webpack，可看下這教程webpack簡(jiǎn)易教程，已上傳到github

2018年8月17日 05:58
編輯回答
吢涼

更新： 最后使用相對(duì)路徑“/”解決
我是用了html-loader和ExtractTextPlugin插件，因?yàn)閔tml-loader也會(huì)走url-loader，所以在打包的時(shí)候會(huì)出現(xiàn)html里面的img路徑與css里面引用的圖片的路徑經(jīng)常會(huì)有問題，比如一個(gè)是../assets一個(gè)是./assets，很頭疼，最后解決辦法是在ExtractTextPlugin > options里面加上publicPath。

2018年5月29日 22:33
編輯回答
女流氓

這是統(tǒng)一將所有圖片都到包到一個(gè)環(huán)境的，不是自定義，自定義是要這個(gè)的，例如你的 favicon.ico 要單獨(dú)打包到項(xiàng)目根目錄去就要這樣加載 require('file-loader?name=favicon.ico!../src/favicon.ico')

2017年3月5日 07:22
編輯回答
誮惜顏

那你css里的圖片怎么配的，我弄了html就顧不了css，只有一個(gè)url-loder，我又想把html放最外邊，css放文件夾，兩個(gè)實(shí)在調(diào)不過來

2018年9月18日 03:24