晚上好,
给定位于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/images
和assets/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/