Как добавить поддержку Stylus в React + Typescript + Webpack - PullRequest
Новая
       10

Как добавить поддержку Stylus в React + Typescript + Webpack

0 голосов
/ 09 октября 2018

Есть ли способ использовать стилус с React в Typescript?как это сделано для javascript: Как настроить поддержку Stylus в приложении React.js? Ближайший подход, который я нашел: response-native-typed-stylus-transformer

Я попробовал способ, предложенный в первой ссылке, но он не работает для меня.мой веб-пакет для стилуса: 

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

}]

, чтобы разрешить восстановление ".styl" в качестве модуля I tsconfig: 

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