babel-plugin-styled-components不适用于预设打字稿

时间:2019-08-08 08:54:37

标签: reactjs babel styled-components

我在项目中使用Typescript,并使用Babel7预设键入脚本转换Ts。而且我想将babel-plugin样式化的组件添加到我的项目中,但是它不显示组件显示类名称

打字稿样式化组件工具的另一个选项是打字稿插件样式化的组件。但这似乎可以与webpack打字稿加载器一起使用。由于我使用babel7转换TS,所以我不在webpack中使用TS加载程序

这是我的babel配置:

{
    "presets": [
        [
            "@babel/preset-env",
            {
                "modules": false
            }
        ],
        "@babel/preset-react",
        "@babel/preset-typescript"
    ],
    "plugins": [
        "babel-plugin-styled-components",
        "@babel/plugin-proposal-object-rest-spread",
        "@babel/plugin-proposal-class-properties",
        "@babel/plugin-syntax-dynamic-import",
        "react-hot-loader/babel"
    ],
    "env": {
        "production": {
            "only": ["src"],
            "plugins": [
                "babel-plugin-styled-components",
                "lodash",
                "transform-react-remove-prop-types",
                "@babel/plugin-transform-react-inline-elements",
                "@babel/plugin-transform-react-constant-elements"
            ]
        }
    }
}

你们能告诉我修复babel-plugin-styled组件的方法吗?谢谢

0 个答案:

没有答案