Configuring the Path to Tailwind Configuration

The tailwindcssConfig key lets you customize the path (and/or file name) for your tailwind.config.js file containing the configuration options for Tailwind CSS.
By default, Codux expects to find your tailwind.config.js file in the root directory of your project. However, if you want to use a different location for the file, you can specify it accordingly.
As an example, if you want to place the file in a folder named styles, you'd use the following syntax:
1
2
3
{  
  "tailwindcssConfig": "./styles/tailwind.config.js"
}
Note:
If your project uses CommonJS, you'll need to use this configuration key to specify the .cjs Tailwind file in the same manner. Codux will not detect a tailwind.config.cjs file even if it is in the project root. Configuration for a CommonJS project looks like this:
1
2
3
{  
  "tailwindcssConfig": "tailwind.config.cjs"
}
Important!
Codux does not recognize Tailwind configuration within PostCSS config. You need to create a separate tailwind.config.js file for your project, and make sure to specify its path in codux.config.json if not using the default name and path.
Previous article
Next article