TailwindCSS JIT Webpack HMR 不断使用 themekit 重新编译

Question

我正在尝试在带有Themekit 的自定义 Webpack 项目中以及运行时使用 TailwindCSS JIT 功能yarn startwebpack 开发服务器时 HMR 不断重新编译。

\n

代码： https: //github.com/3daddict/themekit-webpack/pull/63

\n

包.json

\n

{\n"scripts": {\n...\n    "start": "TAILWIND_MODE=watch webpack serve --mode=development --config webpack.dev.js",\n...\n  }\n}\n

\n

tailwind.config.js

\n

module.exports = {\n  mode: \'jit\',\n  purge: {\n    enabled: true,\n    content: [\n      \'./dist/**/*.liquid\',\n      \'./dist/**/*.js\',\n    ],\n  },\n  ...\n}\n\n

\n

src/组件/tailwind.css

\n

/* purgecss start ignore */\n@tailwind base;\n@tailwind components;\n/* purgecss end ignore */\n@tailwind utilities;\n...\n

\n

Webpack 开发服务器热模块重新加载不断地重新编译。我一直在试图找出原因。

\n

\xe2\x84\xb9 \xef\xbd\xa2wdm\xef\xbd\xa3: webpack compiled successfully\n\xe2\x84\xb9 \xef\xbd\xa2wdm\xef\xbd\xa3: Compiled successfully.\n\xe2\x84\xb9 \xef\xbd\xa2wdm\xef\xbd\xa3: Compiling...\n\xe2\x84\xb9 \xef\xbd\xa2wdm\xef\xbd\xa3: webpack compiled successfully\n\xe2\x84\xb9 \xef\xbd\xa2wdm\xef\xbd\xa3: Compiled successfully.\n

\n