Rspeedy logo
Rspeedy
  • English

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

      Filename.css property

      The name of the CSS files.

      Signature:

      css?: Rspack.CssFilename | undefined;

      Remarks

      Default values:

      • '[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';
      },
    },
  },
})
      Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.