在typescript

Question

考虑到使用babel-plugin包装typescript来调试样式组件（例如，查看dev-tools中的组件名称）并不好，我怎样才能实现相同的功能？

由于

Answer 1

感谢您的建议 我最终在打字稿上添加了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
  }

不得不跳过.babelrc，因为storybook在找到自定义.babelrc文件时开始产生错误。