Example with typescript? · Issue #274 · gajus/babel-plugin-react-css-modules · GitHub
Skip to content

Example with typescript? #274

Open
Open

Description

@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?

Activity

  1. LuisSaybe commented on Oct 29, 2019

    @LuisSaybe

    would love to see an example with typescript as well

  2. evenfrost commented on Nov 25, 2019

    @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).

  3. CKGrafico commented on Feb 26, 2020

    @CKGrafico

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions