build/css

8 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

css.modules shared option

The css.modules option configures CSS modules behavior. Type is CSSModulesOptions interface with properties: getJSON (function), scopeBehaviour ('global' | 'local'), globalModulePaths (RegExp[]), exportGlobals (boolean), generateScopedName (string | function), hashPrefix (string), and localsConvention ('camelCase' | 'camelCaseOnly' | 'dashes' | 'dashesOnly' | function). Default for localsConvention is undefined. Options are passed on to postcss-modules.

css.postcss shared option

The css.postcss option specifies inline PostCSS config or a custom directory to search PostCSS config from. Type is string | (postcss.ProcessOptions & { plugins?: postcss.AcceptedPlugin[] }). Default search location is project root. If an inline config is provided, Vite will not search for other PostCSS config sources.

css.preprocessorOptions shared option

The css.preprocessorOptions option specifies options to pass to CSS pre-processors. Type is Record<string, object>. File extensions are used as keys for the options. Supported preprocessors and their documentation: sass/scss uses sass-embedded if installed, otherwise sass (see Sass JS API Options documentation); less (see Less options documentation); styl/stylus only define is supported as an object.

css.preprocessorOptions additionalData

The css.preprocessorOptions[extension].additionalData option can be used to inject extra code for each style content. Type is string | ((source: string, filename: string) => (string | { content: string; map?: SourceMap })). Note that if you include actual styles and not just variables, those styles will be duplicated in the final bundle. Since the same code is prepended to files in different directories, use absolute paths or aliases instead of relative paths.

css.preprocessorMaxWorkers shared option

The css.preprocessorMaxWorkers option specifies the maximum number of threads CSS preprocessors can use. Type is number | true. Default value is true, which means up to the number of CPUs minus 1. When set to 0, Vite will not create any workers and will run the preprocessors in the main thread.

css.devSourcemap shared option

The css.devSourcemap option determines whether to enable sourcemaps during dev. Type is boolean. Default value is false. This is an experimental feature.

css.transformer shared option

The css.transformer option selects the engine used for CSS processing. Type is 'postcss' | 'lightningcss'. Default value is 'postcss'. This is an experimental feature.

css.lightningcss shared option

The css.lightningcss option configures Lightning CSS. Type is an object extending types from lightningcss package: targets (Targets), include (Features), exclude (Features), drafts (Drafts), nonStandard (NonStandard), pseudoClasses (PseudoClasses), unusedSymbols (string[]), cssModules (CSSModulesConfig), and other options. Full transform options can be found in the Lightning CSS repo. This is an experimental feature.

Give your agent this brain