Webpack - 文件加载器 - 父目录+不同的服务路径

Question

晚上好，

给定位于assets/fonts/myfont.woff（或file-loader）的图像/字体文件.....

我希望webpack的../priv/static/fonts/myfont.woff在另一个目录（file-loader）中创建一个散列版本...

但我不希望该名称成为“文件的服务资产路径”的一部分。

如果我使用name "../priv/static/fonts/[name]-[hash].[ext]"选项看起来像这样：http://mysite.dev/priv/static/fonts/myfile-fee66e712a8a08eef5805a46892932ad.woff，则文件最终会出现在我的文件系统中。

但是当从CSS引用时，浏览器正在寻找的完整路径是priv/static。我的网络服务器提供来自http://mysite.dev/fonts/myfile-fee66e712a8a08eef5805a46892932ad.woff的静态文件，因此我希望请求的路径看起来像assets/images。

我将assets/fonts和class A { private void update(int num) { } } 提交给源代码控制，因此我不希望所有哈希文件都以该目录结束。

您可以提供任何帮助，我们将不胜感激！

Answer 1

查看文件加载器文档，publicPath参数似乎就是您所需要的，尽管它们没有详细介绍。 https://github.com/webpack-contrib/file-loader#filename-templates

以下是关于Github的类似问题的讨论。 https://github.com/webpack-contrib/file-loader/issues/32#issuecomment-250622904

我认为你应该可以做这样的事情：

../priv/static/fonts/[name]-[hash].[ext]&publicPath=/fonts/