Example with typescript?

[tomasz-szepczynski]

1)Following the tutorial and modyfing .babelrc did not change 'stylename' to 'classname'.
webpack.js:
const context = path.resolve(__dirname, '..');
.babelrc

["react-css-modules", {
    "webpackHotModuleReloading": true,
    "context": ".."
  }],

2)I tried config from demo example :

  {
    test: /\.tsx?$/,
    loader: 'ts-loader',
    query: {
      plugins: [
        '@babel/transform-react-jsx',
        [
          'react-css-modules',
          {
            context
          }
        ]
      ]
    }
  }

but it won't work with ts-loader
Error: ts-loader was supplied with an unexpected loader option: plugins

Can you please provide example how to use it with ts?

[LuisSaybe]

would love to see an example with typescript as well

[evenfrost]

@tomasz-szepczynski you gotta use separate babel-loader plugin to process TS before ts-loader. Here is a sample from my code:

      {
        test: /\.ts|\.tsx$/,
        use: [
          { loader: 'babel-loader' },
          { loader: 'ts-loader' },
        ],
      },

Babel plugins are specified in .babelrc in my case, but can be also set as babel-plugin options (but not the ts-loader ones).

[CKGrafico]

I'm using it in boilerplates.js.org with React and TS I hope it will help you