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

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

注意:我正在使用 Webpack。

最佳答案

您可以申请 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"),
  ]
}

https://stackoverflow.com/questions/49189958/

相关文章:

azure-ad-b2c - 休息 API 超时

php - 在 PHP 中从文件流创建 Zip

hibernate - QueryDSL - 仅比较 dateTime 中的日期

r - tcltk 对话框出现在 RStudio/Shiny Windows 下

kubernetes - 是否可以在同一端口上使用 nodeport 类型的 2 个不同 names

ios - UITextContentType* 不工作

python - 模块 'site' 没有属性 'getusersitepackages'

amazon-web-services - AWS Batch 可以运行 Windows Docke

php - 错误:[8] PDO::__construct():发送 5 个字节失败,errno=3

asp.net-core - ASP.NET 核心 : Initiating a request t