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

Question

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

注意：我正在使用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"),
  ]
}