我尝试自己在 create-react-app 中设置 JIT,但它似乎不起作用,因为样式没有更新。我正在使用 craco 来构建带有 tailwind css 的应用程序,并且还添加了 TAILWIND mode=WATCH ,因为他们建议使其适用于大多数构建。这是我的配置:
tailwind.config.js
module.exports = {
mode: "jit",
purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {
colors: {
primary: "#ffa500",
secondary: {
100: "#E2E2D5",
200: "#888883",
},
},
},
},
variants: {
extend: {
opacity: ["disabled"],
},
},
plugins: [],};
Run Code Online (Sandbox Code Playgroud)
package.json 脚本
"scripts": {
"start": " craco start",
"build": "TAILWIND_MODE=watch craco build",
"test": "craco test",
"server": "nodemon ./server/server.js",
"eject": "react-scripts eject"
},
Run Code Online (Sandbox Code Playgroud)
package.json devDependency …