乐趣区

关于vue.js:vue2-vite-配置-tailwindcss-不生效

依照网上的办法配置,包含官网的 vue3 + vite 配置 tailwind 文档。

配置良久都没有成果,编译进去的文件是这样的

能够看到款式并没有编译进去。

通过各种探讨,参考 vue2 配置的 tailwind,发现有人须要独自在 vue.config.js 加一个配置

// vue.config.js
module.exports = {
    css: {
      loaderOptions: {
        postcss: {plugins: [require('tailwindcss'), require('autoprefixer')]
        }
      }
    }
  }

抱着试试看的态度,在 vite.config.js 加上对应配置

css: {
  postcss: {
    plugins: [require('tailwindcss'),
      require('autoprefixer')
    ]
  }
}

完满解决!!~ 十分 nice~

退出移动版