Параметр в названии скрипта index.html при build (angular)
Сгенерированная папка dist содержит в себе index.html А он содержит что-то типа:
<script src="runtime-es2015.f56e2e5f2e4e679915fd.js" type="module"></script>
<script src="runtime-es5.f56e2e5f2e4e679915fd.js" nomodule defer></script>
<script src="polyfills-es5.d3a62c7946c75902bf81.js" nomodule defer></script>
Хотелось бы видеть эти скрипты в виде - script_name.js?{{мой_параметр}}.
Например, runtime-es2015.f56e2e5f2e4e679915fd.js?v=123
Пробовала сделать через webpack, но не особо разбираюсь в нем, поэтому результатов пока нет. Может вообще для поиска решения в другую сторону нужно посмотреть?
Вот мои наброски в конфиге вебпака:
optimization: {
runtimeChunk: false
},
output: {
filename: '[name].[ext]?v=[contenthash]'
},
Вместо contenthash другое буду подставлять, пока не знаю как именно, но буду :)
Потом пробовала еще лоадеры использовать, но тоже ничего
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: [
{
loader: 'file-loader',
query: {
name: '[name].[ext]?[ext]'
}
}
]
}
]
}
Правки:
module.exports = (config) => {
config.output.filename = '[name].js?v=4';
return config;
};
Ответы (1 шт):
Правки внутри конфига вебпака не дадут результата, если каждый файл должен быть именован по разному.
Чтобы это сделать, большинство загрузчиков и плагинов позволяют вместо строки передавать функцию. Попробуйте посмотреть документацию.