调试typescript中的样式组件

Question

考虑到用babel-plugin包装typescript来调试样式组件(例如在dev-tools中查看组件名称)是不好的，我如何才能实现同样的功能？

谢谢

Answer 1

感谢你的建议，我最终在typescript上添加了babel，它工作得很好。

如果有人决定在这里做同样的事情，这是webpack的规则(尽管相当平庸)：

  {
    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
  }

由于storybook在发现自定义.babelrc文件时开始产生错误，因此必须跳过.babelrc。