Импорт стилей для дальнейшего использования в коде

Question

Я пытаюсь применить таблицу стилей CSS к моей html-странице, а также получить ее в виде строки в коде javascript (я хочу показать свои таблицы стилей пользователям). я использую css-loader а также style-loader, Вот фрагмент из файла конфигурации веб-пакета:

  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          { loader: 'style-loader'},
          { loader: 'css-loader'}
        ]
      }
    ]
  }

Когда я использую эту конфигурацию, стили применяются к моей HTML-странице, но я не могу получить их в виде строки в коде. console.log(style.toString()) дает мне пустой объект [объект Object]. Это пусто, потому что Object.keys(style) дает мне [ ], Вот app.js файл:

const style = require('./style.css')

const test = () => {
  console.log(style.toString())
}

test()

Если я закомментирую { loader: 'style-loader'}консоль печатает мою таблицу стилей, но стили не применяются к HTML-странице. Вот console.log(style.toString()) вывод в этом случае:

* {
  margin: 0;
  padding: 0;
  border: 0;
}
...

Любой совет?