我试图在项目中使用font-awesome。我在开发时使用webpack-dev-server并且字体加载正常，但是当我使用webpack构建并打开结果（本地或托管在服务器上）时，astype,copy=False，woff ，woff2个文件都无法加载。
我使用ttf模块来处理所有类似的字体：
file-loader我包括像这样的font-awesome SASS文件：
{test: /\.(eot|svg|ttf|woff|woff2)/, loader: "file"},
我的webpack构建结果是一个包含$fa-font-path: "./font-awesome-4.5.0/fonts";
@import "./font-awesome-4.5.0/scss/font-awesome.scss";
，index.html和所有字体文件的文件夹。 Chrome开发者控制台显示无法加载的文件，但它们具有正确的文件名。
答案 0 :(得分：1)
问题是我的webpack配置有publicPath: "/"，所以文件是在我的文件系统的根目录而不是我的项目目录中请求的。
将其更改为publicPath: ""解决了问题。
答案 1 :(得分：0)
您可以尝试将其包含为供应商依赖项，而不是sass：variable_name。字体路径可能无法正确匹配。
npm i -D font-awesome它将把它包含在vendor.js文件中。