課程
/前端開發(fā)
/前端工具
/webpack深入與實(shí)戰(zhàn)
在index.html中的img中file-loader沒有生效
2018-03-16
源自:webpack深入與實(shí)戰(zhàn) 4-7
正在回答
如果你這里加了這段,注釋掉看看,起初加這段是因?yàn)榉乐购蚳tmlwebpackplugin產(chǎn)生title屬性的沖突,現(xiàn)在看來應(yīng)該是include限定了范圍導(dǎo)致模板文件index.html無法被html-loader解析到,其中的圖片自然就無法被打包
同樣情況,查了一晚上終于解決。
先說原因。報(bào)錯(cuò)中顯示,在dist/src/assets/bg.jpg中獲取圖片失敗,咱的dist目錄下確實(shí)沒有圖片。也就是file-loader根本沒修改這里src內(nèi)容。
解決方法:
1.裝CopyWebpackPlugin插件 npm i --save-dev CopyWebpackPlugin
2.并配置 const CopyWebpackPlugin = require('copy-webpack-plugin');
plugins:[new CopyWebpackPlugin([{?? ??? ??? ?from: './src/assets',?? ??? ??? ?to: 'src/assets'?? ??? ?}])
]
天真有點(diǎn)晚了
img的路徑錯(cuò)了
舉報(bào)
webpack實(shí)戰(zhàn)教程,用真實(shí)項(xiàng)目帶你探索 webpack 強(qiáng)大的功能
3 回答我的file-loader 頁面img的href地址沒變化啊
3 回答webpack2 中 file-loader 不會(huì)處理 html-webpack-plugin 中的圖片
9 回答image-webpack-loader img-loader報(bào)同樣的錯(cuò)
2 回答html-loader 和 file-loader 問題
3 回答file-loader 配置問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2018-06-19
2018-05-09
同樣情況,查了一晚上終于解決。
先說原因。報(bào)錯(cuò)中顯示,在dist/src/assets/bg.jpg中獲取圖片失敗,咱的dist目錄下確實(shí)沒有圖片。也就是file-loader根本沒修改這里src內(nèi)容。
解決方法:
1.裝CopyWebpackPlugin插件 npm i --save-dev CopyWebpackPlugin
2.并配置 const CopyWebpackPlugin = require('copy-webpack-plugin');
plugins:[new CopyWebpackPlugin([{
?? ??? ??? ?from: './src/assets',
?? ??? ??? ?to: 'src/assets'
?? ??? ?}])
]
2018-04-17
img的路徑錯(cuò)了