Přizpůsobení cesty k souborům assetů ve Webpacku
Je možné nastavit cestu k souborům assetů
v složce sestavení. To se provádí
pomocí nastavení assetModuleFilename.
V tomto nastavení můžeme určit složku,
kam se assety ukládají, a také šablonu
názvu souboru.
V šabloně názvu příkaz [name]
označuje název souboru, příkaz [hash] - hash,
a příkaz [ext] - příponu
původního souboru.
Takže, pojďme provést nastavení:
export default {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve('dist'),
assetModuleFilename: 'assets/[name].[hash][ext]', // naše nastavení
},
module: {
rules: [
{
test: /\.png$/,
type: 'asset/resource'
}
]
},
plugins: [
new HtmlWebpackPlugin(),
],
};
Zařiďte, aby se všechny assety
ukládaly do složky resources.
