如何在React + Typescript + Webpack中添加Stylus支持

Question

有没有办法在Typescript中将Stylus与React一起使用？ 就像是针对javascript：How to configure Stylus support in a React.js application? 我找到的最接近的方法：react-native-typed-stylus-transformer

我尝试了第一个链接中的答案所建议的方式，但它对我不起作用。 我的手写笔的webpack值：

const MiniCssExtractPlugin = require('mini-css-extract-plugin');

...

module: {
rules: [{
  test: /\.styl$/,
  use: [{
    loader: MiniCssExtractPlugin.loader,
  },{
    loader: 'css-loader',
    options: {
      url: false
    }
  },{
    loader: 'stylus-loader',
    options: {
      errors: true,
      compress: false,
      linenos: false,
      use: [
        require('nib')(),
        require('autoprefixer-stylus')({browsers: browsersArr})
      ]
    },
  },{
    loader: preprocessorLoader
  }]

}]

允许将re.love用作模块tsconfig：

declare module '*.styl' {
   export const value:any;
}