олютно новичок в Webpack и работаю с scss и vue над небольшим проектом. Я пытаюсь скомпилировать все мои файлы .scss в css и связать их в bundle.css, который автоматически внедряется в голову (я уже настроил загрузчики sass и css для архивирования объединения в css). Но я также хочу, чтобы мой пакет vue app.js был в конце тела, также внедренный htmlWebpackPlugin (уже сделано). Использование одного HtmlWebpackPlugin для размещения всего в моем index.html оставило бы меня либо со стилем в теле, либо с javascript в голове.

Мое первое предположение было бы, что я должен определить 2 экземпляра плагина как

var jsInjectorPlugin = new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  inject: 'body'
});
var cssInjectorPlugin = new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  inject: 'head'
})

Но как мне сказать webpack, чтобы использовать первый плагин для css, а другой для js? Так как у меня нетtest как в загрузчиках я не знаю как это сделать

Итак, смысл этого вопроса в том, может ли кто-нибудь объяснить мне, как я могу добиться, чтобы мой css-bundle впрыскивался в голову, а мой js-bundle впрыскивался в тело? (приветствуются фрагменты кода того, как это сделать в webpack-config)