Reactjs 调试typescript中的样式化组件

考虑到用babel插件包装typescript以调试样式化组件（例如，在开发工具中查看组件名称）是不好的，我如何实现相同的功能

谢谢你的建议 我最后在typescript上添加了babel，效果很好

如果有人决定在这里做同样的事情，这是网页包规则（虽然很平庸）：

---

不得不跳过.babelrc，因为当它找到自定义的.babelrc文件时，

storybook

开始产生错误。

对于使用react脚本ts和react应用程序重新布线创建react应用程序，我做了一个简单的操作，为样式化组件添加了一个typescript插件。

  {
    test: /\.tsx?$/,
    use: [
      {
        loader: 'babel-loader',
        options: {
          presets: [
            ["@babel/env", {
              "targets": ["> 1%"]
            }],
            "@babel/react"
          ],
          plugins: [
            // "lodash",
            "babel-plugin-styled-components",
            "babel-plugin-transform-react-stateless-component-name"
          ]
        }
      },
      {
        loader: 'ts-loader',
        options: {
          compilerOptions: {
            jsx: 'preserve',
            module: 'es2015'
          }
        }
      }
    ],
    include: SRC_ROOT
  }