小编mon*_*905的帖子

请有人能解释一下我在使用 Webpack 时遇到的问题。我以前没有使用过 Webpack 来处理字体，并且遇到了一些无法解决的问题。我使用 url() 从 .css 文件中提取字体。

Webpack 完成它的工作后我得到的是 3 个 .woff 文件，其名称更改为类似哈希的名称。然后我有一个字体文件夹，其中包含正确命名的 3 种字体。查看 main.css（Webpack 生成的一个），url() 现在正在查看带有哈希名称的字体文件。当我打开名为 .woff 文件的哈希时，它的导出命令指向字体文件夹和正确的字体......这就是它的工作原理吗？

当我在控制台中加载 webpack 时，每个文件都有错误： 无法解码下载的字体：http://localhost/OPM/wpcontent/themes/theme/assets/build/b4f8bd69b3d37cc51e2b.woff OTS 解析错误：无效的 sfntVersion： 1702391919

这是 .woff 文件中想要的 export default __webpack_public_path__ + "fonts/font-icons.woff";

const path = require('path');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin'); 
const cssnano = require( 'cssnano');
const UglifyJsPlugin = require( 'uglifyjs-webpack-plugin');

const JS_DIR = path.resolve(__dirname, 'src/js');
const IMG_DIR = path.resolve(__dirname, 'src/img');
const BUILD_DIR = path.resolve(__dirname, …