导入样式以便在代码中进一步使用

Question

我正在尝试将css样式表应用到我的html页面，以及在javascript代码中将其作为字符串获取（我想向用户显示我的样式表）。我正在使用css-loader和style-loader。这是webpack配置文件的片段：

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

当我使用此配置时，样式将应用于我的HTML页面，但我无法在代码中将它们作为字符串获取。 console.log(style.toString())为我提供了一个空对象 [object 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;
}
...

有什么建议吗？