Diferencias

Muestra las diferencias entre dos versiones de la página.

--- clase:daw:diw:sistema-diseno-estructura-carpetas [2026/10/24 00:10] – c-button -> c-boton, como en el resto de temas claude
+++ clase:daw:diw:sistema-diseno-estructura-carpetas [2026/10/24 00:14] (actual) – [CSS linters] Lorenzo
@@ Línea 234: / Línea 234: @@
 </note>
-===== CSS linters =====
-Angular incluye de serie una herramienta de procesamiento CSS llamada [[https://postcss.org/|PostCSS]]. Esta herramienta lee el CSS y permite analizarlo o hacer modificaciones.
-PostCSS está basado en plugins que permiten extender PostCSS con nuevos análisis o modificaciones.A las herramientas que analizan el código para ver si tiene "problemas" se le llaman //linters//.
-Nosotros vamos a usar PostCSS para analizar nuestro CSS y ver si cumple las normas de BEM. El plugin o linter que vamos a usar es [[https://github.com/postcss/postcss-bem-linter|postcss-bem-linter]].
-Los pasos para instalarlo son
-  * Descargar el linter
-<sxh bash>
-npm install --save-dev postcss-bem-linter
-</sxh>
-  * Crear/modificar el fichero ''.postcssrc.json''. Debe estar en el raíz del proyecto.
-<sxh json; highlight: [4]>
-{
-  "plugins": {
-    "postcss-bem-linter": {
-      "preset": "bem"
-    }
-  }
-}
-</sxh>
-<nodisp 2>
-===== UIFactory =====
-<note tip>
-Para evitar el warning:
-  ▲ [WARNING] NG8113: Boton is not used within the template of App [plugin angular-compiler]
-Hay que añadir lo siguiente en el fichero ''tsconfig.json''
-<sxh json; highlight: [5]>
-{
-  "angularCompilerOptions": {
-    "extendedDiagnostics": {
-      "checks": {
-        "unusedStandaloneImports": "suppress"
-      }
-    }
-  }
-}
-</sxh>
-Más información:
-  * [[https://angular.dev/extended-diagnostics/NG8113#what-if-i-cant-avoid-this|NG8113: Unused Standalone Imports. What if I can't avoid this?]]
-</note>
-</nodisp>