如何解决在 webpack 5 中保留子目录
我有一个问题,但我没有找到任何东西(对于 WebPack 5)
我在我的 svg
文件夹中创建了一个名为 images
的文件夹,但是当 webpack 将它编译到 dist
文件夹中时,所有的图像都被压缩到那个图像文件夹中。
有什么可以保留子目录的吗? (在 webpack 5 中)
{
test: /\.(png|jpe?g|gif|webp)$/i,type: "asset/resource",generator: {
filename: "images/[name][ext]",},}
谢谢
解决方法
我找到了解决方案,filename
属性可以是一个函数,通过这个属性我们可以获得完整的路径,只要稍作改动就可以保留子目录。
{
test: /\.(png|jpe?g|gif|webp)$/i,type: "asset/resource",generator: {
filename: (name) => {
/**
* @description Remove first & last item from ${path} array.
* @example
* Orginal Path: 'src/images/avatar/image.jpg'
* Changed To: 'images/avatar'
*/
const path = name.filename.split("/").slice(1,-1).join("/");
return `${path}/[name][ext]`;
},},}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。