@swc/plugin-emotion

emotion

The official plugin for emotion css-in-js library.

Configuration

The plugin uses the same config as described in Next emotion documentation.

{
  jsc: {
    ...
   experimental: {
     plugins: [ ['@swc/plugin-emotion', {
      // default is true. It will be disabled when build type is production.
      sourceMap?: boolean,
      // default is 'dev-only'.
      autoLabel?: 'never' | 'dev-only' | 'always',
      // default is '[local]'.
      // Allowed values: `[local]` `[filename]` and `[dirname]`
      // This option only works when autoLabel is set to 'dev-only' or 'always'.
      // It allows you to define the format of the resulting label.
      // The format is defined via string where variable parts are enclosed in square brackets [].
      // For example labelFormat: "my-classname--[local]", where [local] will be replaced with the name of the variable the result is assigned to.
      labelFormat?: string,
    }] ]
   }
}

Credit

Source code for plugin itself (not transforms) are copied from https://github.com/IvanRodriCalleja/emotion-swc-plugin

@swc/plugin-emotion

2.5.118

Patch Changes

• 096d823: Strip line comments correctly

2.5.117

Patch Changes

• 8bd92c7: swc_core 0.90.x

2.5.116

Patch Changes

• 47db290: Fix string escaping issue

2.5.115

Patch Changes

• 906b5dd: Fix panic when trying to unwrap None on setting the context for a function name

2.5.114

Patch Changes

• 4ef0b7f: Add changelog to the readme

2.5.113

Patch Changes

• 4e72680: swc_core@0.88.0

2.5.112

Patch Changes

• 16bb4d8: swc_core@0.82.x