小编Ame*_*gam的帖子

如何通过创建React应用程序启用JIT(即时模式)?

我尝试自己在 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 …

javascript reactjs tailwind-css craco

5
推荐指数
2
解决办法
9117
查看次数

标签 统计

craco ×1

javascript ×1

reactjs ×1

tailwind-css ×1