当我对 style/layout 进行更改时重新加载 NestJS 和 TailwindCSS 应用程序
NestJS and TailwindCSS app to reload when I make changes to style/layout
我正在将 NestJS 配置为在我更改样式时自动重新加载，例如将 TailwindCSS class 添加到 HTML 元素。
我想我快要实现了，因为：
每当我更改代码时，我都会安装 webpack 和服务器 reloads/recompiles Typescript。
npm run start:dev 运行s 这些脚本 "nest build --webpack --webpackPath webpack-hmr.config.js --watch"
当我 运行 npm build（运行s "nest build && npx tailwindcss -i ./src/assets/tailwind.css -o ./dist/tailwind.css --watch"）并更改样式时，它每次都会 'rebuilds' .虽然 npm build 没有 运行 服务器...
但是，我还没有想出如何让这两个脚本同时协同工作。每当 TypeScript 或 TailwindCSS 更改时，我都需要重新加载服务器。
我尝试将 "nest build && npx tailwindcss -i ./src/assets/tailwind.css -o ./dist/tailwind.css --watch" 添加到 npm run start:dev.
的脚本中
您可以在 Github 上查看我对此的解决方案。我最终不需要使用 webpack。 main.ts 和 nest-cli.json
中 nunjucks 的额外配置
我正在将 NestJS 配置为在我更改样式时自动重新加载，例如将 TailwindCSS class 添加到 HTML 元素。
我想我快要实现了，因为：
每当我更改代码时，我都会安装 webpack 和服务器 reloads/recompiles Typescript。
npm run start:dev运行s 这些脚本"nest build --webpack --webpackPath webpack-hmr.config.js --watch"当我 运行
npm build（运行s"nest build && npx tailwindcss -i ./src/assets/tailwind.css -o ./dist/tailwind.css --watch"）并更改样式时，它每次都会 'rebuilds' .虽然npm build没有 运行 服务器...
但是，我还没有想出如何让这两个脚本同时协同工作。每当 TypeScript 或 TailwindCSS 更改时，我都需要重新加载服务器。
我尝试将 "nest build && npx tailwindcss -i ./src/assets/tailwind.css -o ./dist/tailwind.css --watch" 添加到 npm run start:dev.
您可以在 Github 上查看我对此的解决方案。我最终不需要使用 webpack。 main.ts 和 nest-cli.json