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

【问题标题】：How to export style into external stylesheet in styled-components?如何将样式导出到样式组件中的外部样式表？
【发布时间】：2018-08-17 19:13:14
【问题描述】：

我在我的项目中使用了样式化组件，但它只是在头部创建了一个样式标签。有没有办法将这些样式导出到外部样式表中？

注意：我正在使用 Webpack。

【问题讨论】：

标签： css stylesheet styled-components

【解决方案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"),
  ]
}

【讨论】：

你能分享你的配置吗？
var cssDev = ExtractTextPlugin.extract({ fallback: "style-loader", publicPath: "/_dist", use: [ "css-loader", ] });
好的，您是否将插件添加到插件列表中？
有很多人遇到同样的问题，我开始认为某处存在错误。你解决了吗？