css-loader - 导入样式以在代码中进一步使用

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;
}
...

有什么建议吗？