Verificamos de forma completamente cada escrito de nuestra página web con la meta de mostrarte en todo momento información más veraz y actual.
Solución:
EDITAR para Angular 6+
Encontrado en la página GitHub de Angular:
stylePreprocessorOptions todavía es compatible. Tendrá que actualizar manualmente el recién generado angular.json aunque. Su nuevo lugar está dentro del bloque de “opciones” del json.
Una configuración de ejemplo podría verse así:
"options":
"outputPath": "../webapp",
"index": "src/index.html",
"main": "src/main.ts",
"tsConfig": "src/tsconfig.app.json",
"polyfills": "src/polyfills.ts",
"assets": [
"glob": "**/*",
"input": "src/resources",
"output": "/resources"
,
],
"styles": [
"src/styles.scss"
],
"stylePreprocessorOptions":
"includePaths": [
"src/styles"
]
,
"scripts": []
Tenga en cuenta la ruta cambiada.
respuesta ORIGINAL
En realidad, salió bien desde el primer momento al tener el "styleExt" ajustado a "css". Un montón de componentes en un módulo específico usaban SASS. Tengo una carpeta sass con variables y mixins y esta configuración en angular-cli.json era necesario tener estos archivos scss compilados/procesados correctamente:
"stylePreprocessorOptions":
"includePaths": [
"sass"
]
La aplicación funciona bien con una combinación de archivos css y scss. asumo esto styleExt El parámetro está ahí para el estilo de componente predeterminado (css, scss, less) generación de archivos al agregar componentes a través de angular-cli comandos
Puede tener ambos, pero debe configurar su extensión de estilo solo en SASS o CSS.
Ahora, si desea usar CSS o SASS en su componente, simplemente use Angular CLI para generar componentes como
para CSS
ng g component my-component --style=css
Para SASS
ng g component my-component --style=sass
Así que configure la extensión de estilo en SASS y use extensiones CSS también en su proyecto
Te recomendaría cambiar el styleExt a scss y sus archivos css a scss porque scss es un superconjunto de css.
Aquí tienes las comentarios y valoraciones
Eres capaz de añadir valor a nuestro contenido informacional participando con tu experiencia en las críticas.