@styils/babel-plugin

This is required for sourcemap

Use

1// .babelrc
2// Make sure to put it first to make the sourcemap more readable
3{
4  plugins: ['@styils']
5}

Custom transform

Refer

Parameter

1export interface Options {
2  identifier?: {
3    styled?: string
4    createGlobal?: string
5  }
6  importPaths?: string | RegExp
7  sourceFileName?: string
8  sourceRoot?: string
9}

identifier

default: { styled:'styled', createGlobal:'createGlobal' }

Used to mark the function name, compile time will lookup based on the function name to confirm if it is the target

importPaths

default: /@styils\/(react|solid)/

Used for styled or createGlobal import paths, and will only be loaded if matched

sourceFileName

default: undefined

Only needed when custom conversion, used to display the target file name

sourceRoot

default: undefined

The file path of SourceFileName