Integration with Typescript (TSX)

I am trying to use pug in my Typescript React components like your basic example:

render() {
    return pug`
      div
        h1 My Component
        p This is my component using pug.
    `;
  }

The problem is that I can’t get it to work because the typescript loader fails on the pug command. However, to use babel, the Typescript files first have to be compiled to javascript. Can anyone help me get out of this Catch-22?

[param-fk]

Never mind, it is working now.

[pruge]

I publish a library to solve this problem. webpack-preprocessor-pug-tsx