1. 首页
  2. 编程语言
  3. Javascript
  4. 在Webpack中用url-loader处理图片和字体的问题

在Webpack中用url-loader处理图片和字体的问题

上传者: 2021-10-17 22:06:13上传 PDF文件 189.66 KB 热度 7次

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。默认webpack无法处理css文件中的url地址 在打包时会报错解决方法:在项目根目录下输入然后在配置文件使用url-loader打包之后 在页面中 默认会将路径以进行配置:如何查看图片大小:右击图片 - 属性图片的名称会默认变成一串Hash字符串 以可通过配置 不使用默认的改名为Hash字符串:例:否则 由于打包后的url引用的直接是若在main.js里引入字体文件:若通过路径的形式引入node_modules中相关的文件 例:然后 同样 在

用户评论