Webpack 4 加载fonts文件 路径问题

问题描述

在项目中我们想将font文件放在dist的static/fonts文件中,但是我们编译访问的时候就转换成了localhost:8080/static/static/fonts/xx,这样访问字体文件的时候访问路劲不对的情况。

我这里使用的是MiniCssExtractPlugin插件

Webpack 4 加载fonts文件 路径问题
Webpack 4 加载fonts文件 路径问题

解决问题

这是加载的css,我将publicPath改为如下就ok了
Webpack 4 加载fonts文件 路径问题

publicPath解释

指定一个公共路径。默认情况下,它在webpackOptions输出中使用公共路径