我想将我的自定义构建 tailwindcss 文件清除到更小的大小

Posted 2023-03-07

【中文标题】我想将我的自定义构建 tailwindcss 文件清除到更小的大小

【英文标题】：I want to purge down my custom build tailwindcss file to smaller in size

【发布时间】：2021-10-13 22:44:55

【问题描述】：

这就是我的 package.json 文件的样子。

 "scripts": 
 "start": "yarn run watch-css && craco start",
 "build": "yarn run build-css && craco build",
 "test": "craco test",
  "eject": "react-scripts eject",
 "build-css": "craco src/index.css -o public/tailwind.css",
 "watch-css": "craco src/index.css -o public/tailwind.css"
 ,


 **craco.config.js** looks like
   // craco.config.js
   module.exports = 
    style: 
     postcss: 
      plugins: [
        require('tailwindcss'),
        require('autoprefixer'),
      ],
     ,
    ,
   

这就是我的 tailwind.config.js 的样子：

  module.exports = 

  purge: ['./src/**/*.js,jsx,ts,tsx,css', 
  './public/index.html','./public/tailwind.css'],

   

这就是我的 style.css 文件的样子。 /* ./your-css-folder/styles.css */

  @tailwind base;
  @tailwind components;
  @tailwind utilities;

我的公共文件夹中有一个名为tailwind.css 的未压缩文件，大小为4,188kb，其中所有tailwindcss 类都在那里，我想清除此文件。我怎样才能做到这一点？

【参考方案1】：

您应该尝试即时 (JIT) 模式：https://tailwindcss.com/docs/just-in-time-mode

【讨论】：

我不能只使用脚本或配置文件中的任何清除命令吗？

你可以运行任何 yarn 命令，它会清除你的 css。