首页 > Web开发 > 详细

webpack处理html中img标签引入图片不显示问题

时间:2021-05-27 16:33:18      阅读:22      评论:0      收藏:0      [点我收藏+]
 1 {
 2         // 处理图片资源
 3         test: /\.(jpg|png|gif)$/,
 4         loader: file-loader,
 5         options: {
 6             // 关闭es6模块化
 7             esModule: false,
 8             
 9           limit: 20 * 1024,
10           
11           
12           
13           name: [hash:10].[ext],
14           outputPath: imgs
15         }
16       },
17       {
18         // 处理html中img资源
19         test: /\.html$/,
20         loader: html-loader,
21         options:{
22                     esModule:false,
23                         }
24       },
25       {
26         // 处理其他资源
27         exclude: /\.(html|js|css|less|jpg|png|gif)/,
28         loader: file-loader,
29         options: {
30           name: [hash:10].[ext],
31           outputPath: media
32         }
33       }
34     ]
35   },

主要就是21,22,23行

webpack5中在url-loader,html-loader,中都需要配置 esModule:false

webpack处理html中img标签引入图片不显示问题

原文:https://www.cnblogs.com/chen-wei123/p/14817463.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!