Tailwindcss官方的安装方法是适用于nuxt3的,因此nuxt低版本安装会有各种各样的错误,以下是可以使用nuxt2版本的;执行安装时必须停下运行的项目
一、安装依赖
npm i -D @nuxtjs/tailwindcss@4.2.1
二、执行代码生成tailwind.config.js文件
npx tailwindcss init
文件tailwind.config.js中配置可按默认设置:
三、nuxt.config.js文件配置如下,放在export default对象中
buildModules: ['@nuxtjs/tailwindcss'],
tailwindcss: {
cssPath: '~/assets/css/tailwind.css',
configPath: 'tailwind.config.js',
exposeConfig: false,
config: {}
},