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