Lynx

Home > @lynx-js/rspeedy > Filename > css

Filename.css property

The name of the CSS files.

Signature:

css?: Rspack.CssFilename | undefined;

Default Value

'[name]/[name].css'

Example

Using a function to dynamically set the filename based on the file information:

import { defineConfig } from '@lynx-js/rspeedy'

export default defineConfig({
  output: {
    filename: {
      css: (pathData, assetInfo) => {
        console.log(pathData); // You can check the contents of pathData here

        if (pathData.chunk?.name === 'index') {
          return isProd ? '[name].[contenthash:8].css' : '[name].css';
        }
        return '/some-path/[name].css';
      },
    },
  },
})

#Filename.css property

#Default Value

#Example

Filename.css property

Default Value

Example