时间戳

首页 > 解决方案 > 如何为字体文件/ url 进程配置 postCSS 位置？

node.js - 如何为字体文件/ url 进程配置 postCSS 位置？

问题描述

我正在使用 Parcel 将 SCSS 打包到使用 postCSS 中。
我的 postCSS 配置只有 autoprefixer 和 tailwind。

我的 scss 文件有这个：

@font-face {
    font-family: NBE;
    src: url('../fonts/NBE-Regular.eot');
    src: url('../fonts/NBE-Regular.eot#iefix') format('embedded-opentype'),
        url('../fonts/NBE-Regular.woff2') format('woff2'), 
        url('../fonts/NBE-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

但它输出

@font-face {
  font-family: NBE;
  src: url("/NBE-Regular.f90b15ca.eot");
  src: url("/NBE-Regular.f90b15ca.eot#iefix") format("embedded-opentype"),
url("/NBE-Regular.6b2ab3ea.woff2") format("woff2"),
url("/NBE-Regular.2ec20d61.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

注意 url() 下的位置，因此为字体文件获取 404。

我不知道这个哈希或版本是什么
，为什么它会这样改变 URL？

更新：我注意到所有这些文件都被复制到 dist 文件夹，但是该文件夹不是根文件夹，所以 URL 仍然是错误的..

标签： node.jsfont-facepostcssparceljs

解决方案

推荐阅读