年龄大却想学编程 2021-07-21 12:18 采纳率: 0%
浏览 279

webpack打包图片没有安装url-loader 和 file-loader为什么都能打包

我是才学习编程的,可能语言组织,或者其它地方描述不明白,希望不要介意。

因为我跟着课程写代码,但是安装了对图片打包的第三方包,然后定义了规则 :
img

这是css样式:
img

我这里把 url-loader 和 file-loader 卸载了:
img

在浏览器中能正常显示图片:
img

但是我如果安装了 url-loader 和 file-loader ,定义了规则,反而图片加载不出来,也不会报错,如果不定义这个规则,就能加载出来
img

这里图片就显示不出来了
img

还有webpack不能处理js的高级语法,我没有安装处理js高级语法的包为什么也能打印出来

img

img

  • 写回答

3条回答 默认 最新

  • Lkeys 2021-07-27 00:47
    关注

    我也遇到了同样的问题

    评论
  • wftxgt 2021-10-07 04:40
    关注

    不知道你使用的webpack的版本,我使用的是webpack5.54.0也遇到同样的问题。需要在配置文件中添加一行 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'
    },
    ]
    },
    }

    评论
  • Ronychen’s blog 前端领域新星创作者 2021-10-18 03:17
    关注

    这个问题最终是如何解决的?我也遇到了一样的问题,求解,谢谢

    评论
编辑
预览

报告相同问题?

问题事件

  • 创建了问题 7月21日

悬赏问题

  • ¥15 两道题,用python写出代码
  • ¥15 charles打开Windows Proxy代理后电脑网络无法使用
  • ¥15 该怎么把前导 0 去掉存储给点思路
  • ¥15 智能循迹小车的红外模块无法给单片机输出信号或者是单片机无法输入信号,如何解决?(语言-c语言)
  • ¥15 slopBed分析过程中 genomesize中染色体命名与样本的sample_FE.bdg中的染色体命名方式不一致如何解决
  • ¥15 llama.cpp项目中为什么超过上下文窗口就报错
  • ¥15 基于stc89c52单片机的延时小夜灯
  • ¥15 VQAV2现在都是怎么做evaluation的啊
  • ¥20 C#添加、更新MYSQL数据库问题
  • ¥15 ambari部署hadoop集群中的问题
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部