Webpack - 文件加载器 - 父目录 + 不同的服务路径
Webpack - File Loader - Parent Directory + Different Served Path
晚上好,
给定 image/font 文件位于 assets/images/myimg.png
(或 assets/fonts/myfont.woff
).....
我希望 webpack 的 file-loader
在不同的目录中创建一个散列版本 (../priv/static/fonts/myfont.woff
)...
但我不希望该名称成为 "served asset path for the file" 的一部分。
如果我将 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/
晚上好,
给定 image/font 文件位于 assets/images/myimg.png
(或 assets/fonts/myfont.woff
).....
我希望 webpack 的 file-loader
在不同的目录中创建一个散列版本 (../priv/static/fonts/myfont.woff
)...
但我不希望该名称成为 "served asset path for the file" 的一部分。
如果我将 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/