Webpack-da asset faýllaryna ýol görnüşini özleşdirmek
Asset faýllaryna ýol, ýygnama papkasynda kesgitlenip bilner.
Bu assetModuleFilename sazlamasy ýardamynda amala aşyrylýar.
Bu sazlamada biz assetleriň ýerleşdirilýän papkany we faýlyň
at şablonyny görkezip bileris.
At şablonynda [name] bukwy başlangyç faýlyň adyny,
[hash] bukwy - heşi, [ext] bukwy bolsa
başlangyç faýlyň giňeltmesini görkezýär.
Indi bolsa, sazlamany amala aşyraly:
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
assetModuleFilename: 'assets/[name].[hash][ext]', // bizim sazlamamyz
},
module: {
rules: [
{
test: /\.png$/,
type: 'asset/resource'
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Ähli assetleriň resources papkasyna ýerleşdirilmegini üpjün ediň.
