帶有 React + Typescript 的樣式化組件開發工具

Question

請幫忙， babel-plugin-styled-components不起作用。 這是.babelrc ：

{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
  "plugins": ["babel-plugin-styled-components"]
}

我嘗試使用typescript-plugin-styled-components但是，看起來我需要彈出，我不想這樣做。 我使用create-react-app來初始化項目。 知道如何讓它工作嗎？

我的 css 類都是由樣式化的組件生成的，因此很難在開發方面進行樣式化。

Answer 1

1. 將所有import styled from 'styled-components' import styled from 'styled-components/macro'
2. 安裝babel-plugin-macros