Javascript 带JIT的顺风CSS不适用于webpack

已经在我的HTML中的Tailwind类正在工作，但是我不能添加新的类

我不明白这是从哪里来的。如果我取消JIT，所有事情都可以例外地工作，但是用webpack开发服务器进行热重新加载太长了

尾风CSS的版本：2.1.1

复制存储库：

顺风配置：

module.exports = {
  plugins: [require('autoprefixer'), require('@tailwindcss/jit')],
};

const colors=require（'tailwindcss/colors'）；
module.exports={
模式：“jit”，
清除：['./dist/*.html'，'./dist/*.js']，
黑暗模式：错误，
主题：{
屏幕：{
打印：{raw:'print'}，
sm:'640px'，
//=>@媒体（最小宽度：640px）{…}
md:'768px'，
//=>@媒体（最小宽度：768px）{…}
lg:'1024px'，
//=>@媒体（最小宽度：1024px）{…}
xl:'1280px'，
//=>@媒体（最小宽度：1280px）{…}
“2xl”：“1536px”，
//=>@媒体（最小宽度：1536px）{…}
},
扩展：{
fontFamily:{}，
颜色：{
透明：“透明”，
当前：“currentColor”，
黑色：颜色，黑色，
白色：颜色，白色，
灰色：颜色。真灰色，
靛蓝：颜色，靛蓝，
红色：颜色，玫瑰色，
黄色：颜色。琥珀色，
},
字体大小：{}，
},
},
变体：{
扩展：{}，
},
插件：[]，
};

邮政编码配置：

module.exports = {
  plugins: [require('autoprefixer'), require('@tailwindcss/jit')],
};

网页包配置：

module.exports = {
  plugins: [require('autoprefixer'), require('@tailwindcss/jit')],
};

const path=require（'path'）；
const HtmlWebpackPlugin=require（'html-webpack-plugin'）；
const CopyPlugin=require（'copy-webpack-plugin'）；
module.exports={
条目：'./src/app.ts'，
目标：“网络”，
是的，
输出：{
path:path.resolve（uu dirname，'dist'），
文件名：'[name].[fullhash:8].js',，
sourceMapFilename:'[name].[fullhash:8]。映射'，
chunkFilename:'[id].[fullhash:8].js',，
干净：是的，
},
模块：{
规则：[
{
测试：/\（sa|sc|c）ss$/，
使用：[
{
加载器：“样式加载器”，
},
{
加载器：“css加载器”，
},
{
加载器：“postss加载器”，
},
“sass loader”，
],
},
{
测试：/\.tsx？$/,，
使用“ts加载器”，
排除：/node_模块/，
},
{
测试：/\（jpe？g | png | gif | svg）$/i，
加载器：“文件加载器”，
选项：{
名称：'[name].[hash].[ext]'，
outputPath:'资产/图像'，
esModule:false，
},
},
{
测试：/\（woff | woff2 | eot | ttf | otf）$/i，
加载器：“文件加载器”，
选项：{
outputPath:'资源/字体'，
},
},
],
},
决心：{
扩展名：['.ts'，'.js']，
},
插件：[
新HtmlWebpackPlugin({
模板：“src/index.html”，
标题：“网页包启动程序”，
描述：“网页包启动程序”，
}),
新CopyPlugin({
模式：[{from:'src/public'}]，
}),
],
开发服务器：{
contentBase:path.resolve（uu dirname，'dist'），
watchContentBase：是的，
writeToDisk:true，
热：是的，
},
};
这也是我的问题。在您的package.json中使用webpack dev server命令之前添加以下内容：

"scripts": {
    "server": "webpack serve"
},

将此更改为：

"scripts": {
    "server": "NODE_ENV=development webpack serve"
},

如果您使用的是Windows，我建议您安装此软件包：

npm install -D win-node-env

您是否将NODE_ENV设置为development？它控制Tailwind是否监视模板文件的更改。@NathanDawson yes here=>mode:“development”在my webpack.dev.jsmode:“development”本身是不够的，请确保process.env.NODE_env==“development”