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