时间戳

首页 > 解决方案 > TailwindCSS JIT Webpack HMR 不断用 themekit 重新编译

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

问题描述

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

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

包.json

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

tailwind.config.js

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

src/components/tailwind.css

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

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

ℹ ｢wdm｣: webpack compiled successfully
ℹ ｢wdm｣: Compiled successfully.
ℹ ｢wdm｣: Compiling...
ℹ ｢wdm｣: webpack compiled successfully
ℹ ｢wdm｣: Compiled successfully.

标签： webpackshopifywebpack-dev-serverjittailwind-css

解决方案

推荐阅读