Параметр в названии скрипта 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 шт):

Автор решения: NocteFury

Правки внутри конфига вебпака не дадут результата, если каждый файл должен быть именован по разному.

Чтобы это сделать, большинство загрузчиков и плагинов позволяют вместо строки передавать функцию. Попробуйте посмотреть документацию.

→ Ссылка