TailwindCSS module for Nuxt.js with nuxt-purgecss + modern css ⚡️
- Add
@nuxtjs/tailwindcss
dependency to your project
npm install --save-dev @nuxtjs/tailwindcss # or yarn add --dev @nuxtjs/tailwindcss
- Add
@nuxtjs/tailwindcss
to thedevModules
section ofnuxt.config.js
{
devModules: [
'@nuxtjs/tailwindcss'
]
}
This module will automatically create two files in your srcDir:
~/tailwind.config.js
~/assets/css/tailwind.css
It will also inject the CSS file globally and configure nuxt-purgecss and postcss-preset-env to stage 1.
If you want to set a different path for the configuration file or css file, you can use these given options:
// nuxt.config.js
{
devModules: [
'@nuxtjs/tailwindcss'
],
tailwindcss: {
configPath: '~/config/tailwind.config.js',
cssPath: '~/assets/css/tailwind.css'
}
}
- Clone this repository
- Install dependencies using
yarn install
ornpm install
- Start development server using
npm run dev
Copyright (c) Nuxt.js Team