时间戳

首页 > 解决方案 > MiniCssExtractPlugin 中的字体路径错误

javascript - MiniCssExtractPlugin 中的字体路径错误

问题描述

我有一个 404 错误，因为字体路径错误。现在是dist/font，但页面尝试在dist/style/font.

这是我的配置 jsfiddle.net/sicely/z8g5sr9e

我是这样导入字体的

@font-face {
    font-family: 'Roboto-Bold';
    src: url(../assets/fonts/Roboto-Black.ttf) format("truetype")
}

如果我将所有捆绑包都放在根目录下，一切正常

标签： javascriptwebpackbundlebundler

解决方案

        {
            test: /\.(ttf|woff)$/,
            use: {
                loader: 'file-loader',
                options: {
                    name: 'fonts/[name].[hash:6].[ext]',
                    publicPath: '../',
                },
            },
        }

如果我将 publicPath 添加到文件加载器选项，问题就解决了

推荐阅读