在Angular CLI中,可以使用Angular的内置功能和工具来构建SCSS文件,并将其编译为CSS文件。默认情况下,Angular CLI会自动将SCSS文件编译为CSS文件,并将其复制到构建输出目录中。
以下是一个示例解决方法,演示了如何使用Angular CLI来构建SCSS并复制生成的CSS文件:
在Angular项目的根目录下,打开命令行终端。
使用以下命令创建一个新的组件,例如"my-component":
ng generate component my-component
进入新创建的组件目录:
cd src/app/my-component
在该目录下创建一个名为"styles.scss"的SCSS文件,并添加一些样式规则,例如:
.my-component {
background-color: red;
color: white;
}
返回项目根目录,并使用以下命令构建整个项目:
ng build
构建完成后,Angular CLI会自动将"styles.scss"文件编译为"styles.css"文件,并将其复制到构建输出目录(默认为"dist"目录)中。
在构建输出目录中,你将看到一个名为"styles.css"的文件,其中包含从SCSS文件编译而来的CSS代码。
通过以上步骤,你可以使用Angular CLI构建SCSS文件,并将其编译为CSS文件,并将生成的CSS文件复制到构建输出目录中,以供项目使用。