https://github.com/umijs/swc-plugin-auto-css-modules
Auto css modules plugin for swc
https://github.com/umijs/swc-plugin-auto-css-modules
swc-plugin
Last synced: 9 months ago
JSON representation
Auto css modules plugin for swc
- Host: GitHub
- URL: https://github.com/umijs/swc-plugin-auto-css-modules
- Owner: umijs
- License: mit
- Created: 2022-12-25T07:58:15.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-02-28T07:52:12.000Z (over 2 years ago)
- Last Synced: 2025-07-06T20:50:21.337Z (12 months ago)
- Topics: swc-plugin
- Language: TypeScript
- Homepage:
- Size: 151 KB
- Stars: 9
- Watchers: 1
- Forks: 2
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# swc-plugin-auto-css-modules
Auto css modules plugin for swc.
## Install
```bash
pnpm i -D swc-plugin-auto-css-modules
```
You should install the following versions:
|`@swc/core` version|working version|
|:-:|:-:|
| `latest` > version >= `1.4.0`|`swc-plugin-auto-css-modules@1.6.0`|
| `1.3.108` > version >= `1.3.106`|Not support|
| `1.3.106` > version >= `1.3.63`|`swc-plugin-auto-css-modules@1.5.0`|
| `1.3.63` > version >= `1.3.41`|`swc-plugin-auto-css-modules@1.4.0`|
| `1.3.41` > version >= `1.3.24`|`swc-plugin-auto-css-modules@1.3.0`|
## Usage
```diff
// swc config
{
jsc: {
experimental: {
plugins: [
+ ['swc-plugin-auto-css-modules', {}]
],
},
}
}
```
### Auto css modules
This plugin will auto add the `?modules` suffix.
```ts
import styles from './index.less'
// to
import styles from './index.less?modules'
```
### Lock `core-js` import
Lock `core-js` import by config `lock_core_js_pkg_path`.
```ts
plugins: [
[
'swc-plugin-auto-css-modules',
{ lock_core_js_pkg_path: dirname(require.resolve('core-js/package.json')) },
],
]
```
```ts
import 'core-js/es/modules'
// to
import '/node_modules/**/core-js/es/modules'
```
## Config
See [types](./index.d.ts) file
```ts
import type { ISwcPluginAutoCssModulesConfig } from 'swc-plugin-auto-css-modules'
```
## License
MIT