Personnalisation du chemin vers les groupes d'assets dans Webpack
Il est possible de définir un chemin de sauvegarde
pour chaque groupe d'assets. Cela
se fait via le paramètre
generator, spécifié
pour chaque groupe :
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
},
module: {
rules: [
{
test: /\.png$/,
type: 'asset/resource',
generator: {
filename: 'images/[name].[hash][ext]'
}
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Placez toutes les images avec l'extension
.png dans le dossier images/png.
Placez toutes les images avec l'extension
.jpg dans le dossier images/jpg.
Placez tous les fichiers avec l'extension
.zip dans le dossier download.
Placez tous les fichiers avec l'extension
.zip ou .rar
dans le dossier download.