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



晚上好,

给定位于assets/images/myimg.png(或assets/fonts/myfont.woff(的图像/字体文件.....

我希望 webpack 的file-loader在不同的目录中创建一个哈希版本(../priv/static/fonts/myfont.woff(...

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

如果我将file-loader与如下所示的name选项一起使用:"../priv/static/fonts/[name]-[hash].[ext]",文件最终位于文件系统中的正确位置。

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

我正在将assets/imagesassets/fonts提交到源代码管理,所以我不希望所有哈希文件最终都位于该目录中。

您能提供的任何帮助将不胜感激!

查看文件加载器文档,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/

最新更新