Anpassa sökvägen för asset-filer i Webpack
Det är möjligt att ställa in sökvägen för asset-filer
i byggmappen. Detta görs
med hjälp av inställningen assetModuleFilename.
I denna inställning kan vi ange mappen
där assets ska placeras, samt en mall
för filnamnet.
I filnamnsmallen betyder kommandot [name]
filens namn, kommandot [hash] - hash,
och kommandot [ext] - filändelsen
för den ursprungliga filen.
Så, låt oss konfigurera:
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
assetModuleFilename: 'assets/[name].[hash][ext]', // vår inställning
},
module: {
rules: [
{
test: /\.png$/,
type: 'asset/resource'
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Se till att alla assets
placeras i mappen resources.
