Babel只适用于javascript代码，你需要编写一个自定义的typescript转换器，并在ts-loader上配置这个转换器。但是当ForkTsCheckerWebpackPlugin检查你的语法正确性时，仍然会出现一个问题。也许你必须关闭这个插件。
下面是创建空转换器的示例代码：

export function createTransformer (): ts.TransformerFactory<ts.SourceFile> {
  console.log("Hello, I am transformer just created");
  return (context: ts.TransformationContext) => {
    return (sourceFile: ts.SourceFile) => {
      function visit (node: ts.Node): ts.Node {
      return ts.visitNode(sourceFile, visit)
    }
  }
}
export default createTransformer

此外，您还必须配置您的项目，如果在vue中，vue.config.js将是：

const PipeTransformer = require('./pipe-transformer').default

module.exports = {
  // .... other configurations 
  chainWebpack: config => {
    // Can not use the ts-pipe-operator plugin, the babel plugin process only javascript not typescript.
    config.module.rule('ts').use('ts-loader').tap(options => {
      options.transpileOnly = true
      options.appendTsSuffixTo = ['\\.vue$']
      options.happyPackMode = false
      options.getCustomTransformers = () => ({
        before: [PipeTransformer()]
      })
      return options
    })
  }
}