Javascript Webpack copyFiles将文件从子目录复制到主目录
我有一个图像目录,如下所示: 在图标子目录中,我有SVG来组织结构 在webpack中,我指定了以下内容:Javascript Webpack copyFiles将文件从子目录复制到主目录,javascript,webpack,webpack-encore,Javascript,Webpack,Webpack Encore,我有一个图像目录,如下所示: 在图标子目录中,我有SVG来组织结构 在webpack中,我指定了以下内容: .copyFiles({ from: './assets/images', to: '[path][name].[hash:8].[ext]', context: './assets' }) 构建过程中发生的情况如下所示: 这里发生的事情是,它复制目录中的所有图标,并将其直接复制到图像目录中,同时也复制图标目录。它做了两次。这有什么原因吗?如何确保它不会
.copyFiles({
from: './assets/images',
to: '[path][name].[hash:8].[ext]',
context: './assets'
})
构建过程中发生的情况如下所示:
这里发生的事情是,它复制目录中的所有图标,并将其直接复制到图像目录中,同时也复制图标目录。它做了两次。这有什么原因吗?如何确保它不会在网页中复制两次内容?您使用什么来复制文件 使用并在路径中指定全局。看看
在您的情况下,源代码将使用类似glob的
/assets/images/***
,它应该可以正常工作。对于我在项目上运行了很长时间的映像,请尝试以下配置:
{
test: /\.(png|svg|jpe?g|gif|webp)$/,
use: [
{
loader: 'file-loader',
options: {
name: '../img/[name].[ext]'
}
}
]
},
它将图像复制到./img/文件夹我正在使用encore。这不起作用,因为它删除了目录。我不想删除图标目录。我只想删除基本图像文件夹中的副本。您是否尝试将文件加载器更改为已安装的文件加载器插件?或者安装文件加载器?那么webpack encore就没有办法做到这一点了?我真的不知道,前一段时间他妈的去打包了。只有带有webpack的旧项目