Webpack

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

Webpack加载图片和字体

浏览 36 扫码 分享 2023-11-22 15:23:38

    1.主要打包管理的是背景图,icon等静态资源:

    1. npm install --save-dev file-loader

    image.png

    2.主要打包管理的是字体等,用到的loader也是file-loader
    image.png

    在 webpack 5 中,可以使用内置的 Asset Modules,
    https://webpack.docschina.org/guides/asset-management/#loading-images

    若有收获,就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • 基本概念
      • entry
      • output
      • other
      • 优化样式文件的打包
      • chunk
      • devServer
      • 代码分割
      • externals
    • Quick Start
      • Webpack基础
      • Webpack 加载CSS
      • Webpack加载图片和字体
      • Webpack加载数据
      • Webpack配置文件
      • Webpack输出管理
      • Webpack打包HTML
      • Webpack清除dist
    • Intro
      • 自动打包,自动刷新
      • 管理资源
      • 基本概念
    暂无相关搜索结果!

      让时间为你证明

      展开/收起文章目录

      分享,让知识传承更久远

      文章二维码

      手机扫一扫,轻松掌上读

      文档下载

      请下载您需要的格式的文档,随时随地,享受汲取知识的乐趣!
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度

          思维导图备注