Как экспортировать стиль во внешнюю таблицу стилей в styled-components?

Я использую стилизованные компоненты в своем проекте, но он просто создает тег стиля в голове. Есть ли способ экспортировать эти стили во внешнюю таблицу стилей?

ПРИМЕЧАНИЕ. Я использую Webpack.


css styled-components stylesheet
person Yashu Mittal    schedule 09.03.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете применить 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"),
  ]
}
person felixmosh    schedule 09.03.2018
comment
Можешь поделиться своей конфигурацией? - person felixmosh; 10.03.2018
comment
var cssDev = ExtractTextPlugin.extract({ fallback: style-loader, publicPath: /_dist, use: [css-loader,]}); - person Yashu Mittal; 10.03.2018
comment
Хорошо, а вы сами добавили плагин в список плагинов? - person felixmosh; 10.03.2018
comment
Есть несколько людей с такой же проблемой, и я начинаю думать, что где-то есть ошибка. Вам удалось это исправить? - person Dan_J; 21.03.2018