使用Angular中的styleUrls属性来为组件指定CSS文件,并将这些文件打包成单独的模块进行缓存。示例代码如下:
@Component({ selector: 'app-my-component', templateUrl: './my-component.component.html', styleUrls: ['./my-component.component.css'] }) export class MyComponentComponent { // component logic here }
在上述代码中,styleUrls属性指定了CSS文件的路径,这里采用了数组的形式指定多个文件。这些CSS文件会被Angular打包成单独的模块,并进行缓存,避免每次页面加载时都需要重新请求CSS文件的问题。