angular6 如何引入SASS

最新推荐文章于 2020-07-20 14:11:08 发布

胖鹅68

最新推荐文章于 2020-07-20 14:11:08 发布

阅读量638

点赞数

CC 4.0 BY-SA版权

分类专栏： angular6、ionic4、typescript、rx

本文链接：https://blog.csdn.net/hbiao68/article/details/97366260

angular6、ionic4、typescript、rx 专栏收录该内容

46 篇文章

订阅专栏

本文详细介绍了如何在Angular 6项目中引入并配置SASS预处理器，包括安装依赖库、修改项目配置以支持SASS文件，并将样式文件从CSS更改为SCSS后缀。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

文章参考

angular6 引入sass

加载依赖的库

cnpm install node-sass  sass-loader -D

配置angular.js 文件

{
	...
	projects: {
		...
		"schematics": {
			"@schematics/angular:component":{
			    "styleext":"sass"
			}
		},
		...
	}
	...
}

样式文件改为scss后缀

import { Component, OnInit } from '@angular/core';
import { Config } from '../config';

@Component({
  selector: 'app-dingml',
  templateUrl: './dingml.component.html',
  styleUrls: ['./dingml.component.scss']
})
export class DingmlComponent implements OnInit {
	...
}