CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [6.1.0](https://github.com/nuxt-community/tailwindcss-module/compare/v6.0.1...v6.1.0) (2022-10-21)
+
+
+### Features
+
+* add option to set `cssPath` to `false` ([#544](https://github.com/nuxt-community/tailwindcss-module/issues/544)) ([f45fc97](https://github.com/nuxt-community/tailwindcss-module/commit/f45fc97b87eb63acdf9568d917177322d957ac82))
+
 ### [6.0.1](https://github.com/nuxt-community/tailwindcss-module/compare/v6.0.0...v6.0.1) (2022-10-19)
 
 ## [6.0.0](https://github.com/nuxt-community/tailwindcss-module/compare/v5.3.5...v6.0.0) (2022-10-19)

docs/content/1.getting-started/2.options.md

@@ -33,6 +33,20 @@ export default {
 
 This file will be directly injected as a [global CSS](https://v3.nuxtjs.org/api/configuration/nuxt.config#css) for Nuxt. It supports `css`, `sass`, `postcss`, and more.
 
+If you don't want to inject CSS file, you can set `cssPath` to `false`.
+
+```ts [nuxt.config]
+export default {
+  tailwindcss: {
+    cssPath: false,
+  }
+}
+```
+
+::alert{type="warning"}
+When set to `false`, note that HMR for tailwindcss will be broken (hard refresh needed).
+::
+
 ## `configPath`
 
 - Default: `'tailwind.config'`

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nuxtjs/tailwindcss",
-  "version": "6.0.1",
+  "version": "6.1.0",
   "description": "TailwindCSS module for Nuxt",
   "repository": "nuxt-community/tailwindcss-module",
   "license": "MIT",

src/module.ts

@@ -43,7 +43,7 @@ type Arrayable<T> = T | T[]
 
 export interface ModuleOptions {
   configPath: Arrayable<string>;
-  cssPath: string;
+  cssPath: string | false;
   config: Config;
   viewer: boolean;
   exposeConfig: boolean;
@@ -170,7 +170,7 @@ export default defineNuxtModule<ModuleOptions>({
      * CSS file handling
      */
 
-    const cssPath = await resolvePath(moduleOptions.cssPath, { extensions: ['.css', '.sass', '.scss', '.less', '.styl'] })
+    const cssPath = typeof moduleOptions.cssPath === 'string' ? await resolvePath(moduleOptions.cssPath, { extensions: ['.css', '.sass', '.scss', '.less', '.styl'] }) : false
 
     // Include CSS file in project css
     let resolvedCss: string
@@ -183,6 +183,9 @@ export default defineNuxtModule<ModuleOptions>({
         // @ts-ignore
         resolvedCss = createResolver(import.meta.url).resolve('runtime/tailwind.css')
       }
+    } else {
+      logger.info('No Tailwind CSS file found. Skipping...')
+      resolvedCss = createResolver(import.meta.url).resolve('runtime/empty.css')
     }
     nuxt.options.css = nuxt.options.css ?? []
     const resolvedNuxtCss = await Promise.all(nuxt.options.css.map(p => resolvePath(p)))