refactor: re-organize css

Author: sxzz

src/config/options.ts

@@ -7,7 +7,7 @@ import { createDefu } from 'defu'
 import isInCi from 'is-in-ci'
 import { createDebug } from 'obug'
 import { resolveClean } from '../features/clean.ts'
-import { resolveCssOptions } from '../features/css.ts'
+import { resolveCssOptions } from '../features/css/index.ts'
 import { resolveEntry } from '../features/entry.ts'
 import { hasExportsTypes } from '../features/pkg/exports.ts'
 import { resolveTarget } from '../features/target.ts'

src/config/types.ts

@@ -1,5 +1,5 @@
 import type { CopyEntry, CopyOptions, CopyOptionsFn } from '../features/copy.ts'
-import type { CssOptions } from '../features/css.ts'
+import type { CssOptions } from '../features/css/index.ts'
 import type { DevtoolsOptions } from '../features/devtools.ts'
 import type {
   BuildContext,

src/features/css/index.ts

@@ -0,0 +1,26 @@
+export interface CssOptions {
+  /**
+   * Enable/disable CSS code splitting.
+   * When set to `false`, all CSS in the entire project will be extracted into a single CSS file.
+   * When set to `true`, CSS imported in async JS chunks will be preserved as chunks.
+   * @default true
+   */
+  splitting?: boolean
+
+  /**
+   * Specify the name of the CSS file.
+   * @default 'style.css'
+   */
+  fileName?: string
+}
+
+export const defaultCssBundleName = 'style.css'
+
+export function resolveCssOptions(
+  options: CssOptions = {},
+): Required<CssOptions> {
+  return {
+    splitting: options.splitting ?? true,
+    fileName: options.fileName ?? defaultCssBundleName,
+  }
+}

src/features/lightningcss.ts src/features/css/lightningcss.tssrc/features/lightningcss.ts renamed to src/features/css/lightningcss.ts

@@ -1,5 +1,5 @@
-import { esbuildTargetToLightningCSS } from '../utils/lightningcss.ts'
-import type { ResolvedConfig } from '../config/index.ts'
+import { esbuildTargetToLightningCSS } from '../../utils/lightningcss.ts'
+import type { ResolvedConfig } from '../../config/index.ts'
 import type { Plugin } from 'rolldown'
 
 export async function LightningCSSPlugin(

src/features/css.ts src/features/css/splitting.tssrc/features/css.ts renamed to src/features/css/splitting.ts

@@ -1,34 +1,8 @@
 import { RE_CSS } from 'rolldown-plugin-dts/filename'
-import type { ResolvedConfig } from '../config/index.ts'
+import { defaultCssBundleName } from './index.ts'
+import type { ResolvedConfig } from '../../config/index.ts'
 import type { OutputAsset, OutputChunk, Plugin } from 'rolldown'
 
-export interface CssOptions {
-  /**
-   * Enable/disable CSS code splitting.
-   * When set to `false`, all CSS in the entire project will be extracted into a single CSS file.
-   * When set to `true`, CSS imported in async JS chunks will be preserved as chunks.
-   * @default true
-   */
-  splitting?: boolean
-
-  /**
-   * Specify the name of the CSS file.
-   * @default 'style.css'
-   */
-  fileName?: string
-}
-
-const defaultCssBundleName = 'style.css'
-
-export function resolveCssOptions(
-  options: CssOptions = {},
-): Required<CssOptions> {
-  return {
-    splitting: options.splitting ?? true,
-    fileName: options.fileName ?? defaultCssBundleName,
-  }
-}
-
 // Regular expressions for file matching
 const RE_CSS_HASH = /-[\w-]+\.css$/
 const RE_CHUNK_HASH = /-[\w-]+\.(m?js|cjs)$/

src/features/pkg/exports.test.ts

@@ -2,7 +2,7 @@ import path from 'node:path'
 import process from 'node:process'
 import { describe, test } from 'vitest'
 import { globalLogger } from '../../utils/logger.ts'
-import { resolveCssOptions } from '../css.ts'
+import { resolveCssOptions } from '../css/index.ts'
 import { generateExports as _generateExports } from './exports.ts'
 import type { ResolvedConfig } from '../../config/types.ts'
 import type { ChunksByFormat, RolldownChunk } from '../../utils/chunks.ts'

src/features/rolldown.ts

@@ -16,9 +16,9 @@ import { mergeUserOptions } from '../config/options.ts'
 import { lowestCommonAncestor } from '../utils/fs.ts'
 import { importWithError } from '../utils/general.ts'
 import { LogLevels } from '../utils/logger.ts'
-import { CssCodeSplitPlugin } from './css.ts'
+import { LightningCSSPlugin } from './css/lightningcss.ts'
+import { CssCodeSplitPlugin } from './css/splitting.ts'
 import { ExternalPlugin } from './external.ts'
-import { LightningCSSPlugin } from './lightningcss.ts'
 import { NodeProtocolPlugin } from './node-protocol.ts'
 import { resolveChunkAddon, resolveChunkFilename } from './output.ts'
 import { ReportPlugin } from './report.ts'