feat!: support redirect.style.path and redirect.style.extension

[SoonIter]

Summary

feat(css-external): use redirect.style.path import '@/css/button.css'

redirect.style

redirect.style.path

Whether to automatically redirect the import path when importing style files, the rules are the same as redirect.js.path.

• Type: boolean

• Default: true

• Example:

When importing normal style files:

import '@/foo.css'; // source code of './src/bar.ts' ↓
import './foo.css'; // expected output of './dist/bar.js'

import '@/foo.css'; // source code of './src/utils/index.ts' ↓
import '../foo.css'; // expected output of './dist/utils/index.js'

When importing CSS Modules files:

import styles from '@/foo.css'; // source code of './src/bar.ts' ↓
import styles from './foo.css'; // expected output of './dist/bar.js'

import styles from '@/foo.css'; // source code of './src/utils/index.ts' ↓
import styles from '../foo.css'; // expected output of './dist/utils/index.js'

redirect.style.extension

Whether to redirect style file extensions.

• Type: boolean
• Default: true

When set to true, When importing a normal style file, the path will be rewritten to the .css file. When importing CSS Modules, the path will be rewritten to the corresponding JavaScript output file.

When set to false, The file extension will remain unchanged from the original import path.

• Example:

When importing from a .less file:

import './index.less'; // source code ↓
import './index.css'; // expected output

import styles from './index.module.less'; // source code ↓
import styles from './index.module.mjs'; // expected output

Related Links

close #621

Checklist

• Tests updated (or not required).
• Documentation updated (or not required).

[netlify]

✅ Deploy Preview for rslib ready!

Name	Link
🔨 Latest commit	0d494a2
🔍 Latest deploy log	https://app.netlify.com/sites/rslib/deploys/677791a0ca061e0008b5a3f9
😎 Deploy Preview	https://deploy-preview-618--rslib.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[Timeless0911]

I think we should use redirect.style config.