如何用ts搭建一个vue3通用项目底座 | 第二篇（3）：引入CSS框架

前言

上一篇配置了eslint规范和css规范，接下来引入tailwindcss库。

6、引入tailwindcss框架

安装tailwindcss插件。

pnpm add -g tailwindcss@^3.3.2

新建tailwind.config.cjs文件。

// tailwind.config.cjs
module.exports = {
   
  corePlugins: {
   
    preflight: false, // 禁止tailwindcss的默认属性
  },
  // content里面配置的是项目中需要解析的html和js以及vue等文件
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
};

在postcss.config.cjs里面添加下面代码。

// postcss.config.cjs
module.exports = {
   
  plugins: {
   
    autoprefixer: {
   },
    tailwindcss: {
   },
  },
}<