笔记:webpack5使用url-loader时不显示图片的问题
在配置文件中添加一行 type: 'javascript/auto'
官网的解释:
在 webpack 5 中使用旧的 assets loader(如 file-loader/url-loader/raw-loader 等)和 asset 模块时,你可能想停止当前 asset 模块的处理,并再次启动处理,这可能会导致 asset 重复,你可以通过将 asset 模块的类型设置为 'javascript/auto' 来解决。
module.exports = {
module: {
rules: [
{
test: /.(png|jpg|gif)$/i,
use: [
{
loader: 'url-loader',
options: {
limit: 8192,
}
},
],
type: 'javascript/auto'
},
]
},
}
https://ask.csdn.net/questions/7477947?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522166298824116800180625235%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=166298824116800180625235&biz_id=4&utm_medium=distribute.pc_search_result.none-task-ask_topic-2~all~first_rank_ecpm_v1~pc_rank_34-3-7477947-null-null.142^v47^pc_rank_34_1,201^v3^control_1&utm_term=%E4%B8%BA%E4%BB%80%E4%B9%88%E4%B8%8D%E4%BD%BF%E7%94%A8url-loader%E4%B9%9F%E8%83%BD%E6%89%93%E5%8C%85%E5%9B%BE%E7%89%87&spm=1018.2226.3001.4187
- 复制链接
- 举报