Webpack 网站图标到不同的文件夹中



我有两个文件夹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)
}
}
}
}
]
}
// ...
}

相关内容

  • 没有找到相关文章

最新更新