fix: externalize CSS preprocessors (#200)

ocavue · web-flow · commit 5b5580395035 · 2026-03-06T16:11:02.000+11:00
diff --git a/src/filename.ts b/src/filename.ts
@@ -10,7 +10,7 @@ export const RE_TS: RegExp = /\.([cm]?)tsx?$/
 export const RE_DTS: RegExp = /\.d\.([cm]?)ts$/
 export const RE_DTS_MAP: RegExp = /\.d\.([cm]?)ts\.map$/
 export const RE_NODE_MODULES: RegExp = /[\\/]node_modules[\\/]/
-export const RE_CSS: RegExp = /\.css$/
+export const RE_CSS: RegExp = /\.(?:css|scss|sass|less|styl|stylus)$/
 export const RE_VUE: RegExp = /\.vue$/
 export const RE_JSON: RegExp = /\.json$/
 export const RE_ROLLDOWN_RUNTIME: RegExp = exactRegex(RUNTIME_MODULE_ID)
diff --git a/tests/__snapshots__/index.test.ts.snap b/tests/__snapshots__/index.test.ts.snap
@@ -452,6 +452,14 @@ export { Foo };
 "
 `;
 
+exports[`scss imports are externalized 1`] = `
+"// index.d.ts
+//#region tests/fixtures/css-scss/index.d.ts
+declare const foo: number;
+//#endregion
+export { foo };"
+`;
+
 exports[`side effects 1`] = `
 "// index.d.ts
 export { };
diff --git a/tests/fixtures/css-scss/index.ts b/tests/fixtures/css-scss/index.ts
@@ -0,0 +1,2 @@
+import './styles.scss'
+export const foo: number = 1
diff --git a/tests/fixtures/css-scss/styles.scss b/tests/fixtures/css-scss/styles.scss
@@ -0,0 +1,3 @@
+.main {
+  color: blue;
+}
diff --git a/tests/index.test.ts b/tests/index.test.ts
@@ -546,6 +546,15 @@ test('real css imports are externalized', async () => {
   expect(snapshot).not.toContain('.main')
 })
 
+test('scss imports are externalized', async () => {
+  const root = path.resolve(dirname, 'fixtures/css-scss')
+  const { snapshot } = await rolldownBuild(path.resolve(root, 'index.ts'), [
+    dts({ emitDtsOnly: true }),
+  ])
+  expect(snapshot).toMatchSnapshot()
+  expect(snapshot).not.toContain('.main')
+})
+
 test('sub namespace', async () => {
   const { snapshot } = await rolldownBuild(
     path.resolve(dirname, 'fixtures/sub-namespace.ts'),

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+import './styles.scss'`
	`2`	`+export const foo: number = 1`