我有两个文件夹src/images/
和src/images/icons
。 所有网站图标均为png
格式。
src/images/icons
,我放置了不同设备的所有网站图标,我希望将其网络打包到wwwroot/images/icons
,并将所有其他图像打包到wwwroot/images
。
如何分离图像和收藏夹图标?
现在对于我有的图像:
{
test: /.(png|ico|svg|jpg|gif)$/,
use: [
'file-loader?name=/images/[name].[ext]'
]
},
但这会将所有图像复制到distimages
,包括图标,这些图标应该在文件夹distimagesicons
中更深一层
有几种方法可以做到这一点(即对文件名、单独的规则等使用test
键)。但是,这里有一种方法似乎工作得很好,而且相当清楚:
const path = require('path')
module.exports = {
// ...
module: {
rules: [
{
test: /.(png|ico|svg|jpg|gif)$/,
exclude: /node_modules/,
use: {
loader: 'file-loader',
options: {
name: function(fullPath) {
return path.relative(__dirname + '/src', fullPath)
}
}
}
}
]
}
// ...
}