Aanpassing van die pad na asset lêers in Webpack
Jy kan die pad na asset lêers
in die bougids spesifiseer. Dit word gedoen
met behulp van die instelling assetModuleFilename.
In hierdie instelling kan ons die gids spesifiseer
waarheen assets geplaas word, asook die patroon
vir die lêernaam.
In die naampatroon verteenwoordig die opdrag [name]
die lêernaam, die opdrag [hash] - die hash,
en die opdrag [ext] - die uitbreiding
van die oorspronklike lêer.
Laat ons dus die instelling doen:
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
assetModuleFilename: 'assets/[name].[hash][ext]', // ons instelling
},
module: {
rules: [
{
test: /\.png$/,
type: 'asset/resource'
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Maak dit so dat alle assets
in die gids resources geplaas word.