css - 如何将样式导出到样式组件中的外部样式表？

Question

我在我的元素中使用了 styled-components，但它只是在头部创建了一个样式标签。有什么方法可以将这些样式导出到外部样式表中吗？

注意:我正在使用 Webpack。

Answer 1

您可以申请 extract-text-plugin以便将导入提取到单独的外部 css 文件中。

const ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: "style-loader",
          use: "css-loader"
        })
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin("styles.css"),
  ]
}