如何使用创建反应应用程序启用JIT(Just In Time模式)？ [英] How to enable JIT(Just in time mode) with create react app?

问题描述

我试着自己在Create-Reaction-app中设置JIT，但似乎不起作用，因为样式没有更新。我正在使用Craco来构建带有顺风CSS的应用程序，还添加了顺风模式=手表，因为他们建议让它与大多数版本一起工作。以下是我的配置：

trawind.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: [],};

Package.json脚本

    "scripts": {
    "start": " craco start",
    "build": "TAILWIND_MODE=watch craco build",
    "test": "craco test",
    "server": "nodemon ./server/server.js",
    "eject": "react-scripts eject"
},

Package.json devDependency

"devDependencies": {
    "autoprefixer": "^9.8.6",
    "postcss": "^7.0.36",
    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.4"
},

如果我能找到任何方法来解决这个问题，我将很高兴。

推荐答案

如果您使用的是Windows(我怀疑您可能是从您对@AKO答案的评论中得到的)，那么您的设置是正确的，但您只需要安装cross-env，然后像这样调整您的启动脚本：

"start": "cross-env TAILWIND_MODE=watch craco start"

这篇关于如何使用创建反应应用程序启用JIT(Just In Time模式)？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！