emotion

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

Configuration

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

``js
{
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

${CHANGELOG}