La documentación aquí: https://nx.dev/l/r/guides/using-tailwind-css-in-react#introducing-nx-utility-for-better-tailwind-purging sugiere usar createGlobPatternsForDependencies(__dirname) para facilitar de mantenimiento
Estoy usando esto desde '@nrwl/angular/tailwind', no '@nrwl/react/tailwind'.
Cuando uso esto y desencadeno una compilación de mi aplicación, obtengo los siguientes errores:
[createGlobPatternsForDependencies] WARNING: There was no ProjectGraph available to read from, returning an empty array of glob patterns
P: ¿Cómo puedo resolver esto?
Puedo ejecutar nx dep-graph y el gráfico de dependencia genera bien.
EDITAR : depuré esto, y la documentación de __dirname dice la ruta del directorio relativo del espacio de trabajo que se usará para inferir el proyecto principal y las dependencias , pero luego falla en la línea 20 de generate-globs.js porque filenameRelativeToWorkspaceRoot es '', es decir, está tratando de encontrar un nombre de proyecto pero __dirname es el nombre del espacio de trabajo en sí?
asi que
purge: createGlobPatternsForDependencies(join(__dirname, 'apps/simple-app')),
no da el error ProjectGraph pero
purge: createGlobPatternsForDependencies(__dirname), hace
También publiqué en Github que planteó el problema de que la documentación de Nx se basa en React.
Desde que planteé esta pregunta, se ha escrito una publicación de blog: https://blog.nrwl.io/set-up-tailwind-css-with-angular-in-an-nx-workspace-6f039a0f4479
y la documentación está en el sitio web de Nx: https://nx.dev/guides/using-tailwind-css-with-angular-projects
pero el aprendizaje clave para esto es tener un archivo de configuración de Tailwind separado por aplicación .
puede tener un ajuste preestablecido con la configuración compartida de Tailwind y consumir eso, pero createGlobPatternsForDependencies espera ser por aplicación, por lo que __dirname como nombre del proyecto tiene mucho más sentido...
Si en ese momento aún recibe [createGlobPatternsForDependencies] WARNING: There was no ProjectGraph available to read from, returning an empty array of glob patterns entonces posiblemente haya una dependencia circular que impida que el código se ejecute, es posible depurar el archivo tailwind.js en node_modules/@nrwl/angular/ para ver.