angular6 引入sass

这篇文章是基于已经有的项目引入sass方法

一、全局安装ruby

安装ruby（运行sass 需要ruby）

https://rubyinstaller.org/downloads/ 下载页面

注意：添加环境变量

安装完成之后看版本  ruby -v

二、全局安装sass

https://www.sass.hk/install/ 安装方法

注意：gem源注意切换到国内来，镜像地址：https://gems.ruby-china.com

安装完成之后看版本  sass -v

三、安装 node-sass

       在项目目录下执行  npm install node-sass --save-dev

四、安装 sass-loader

       在项目目录下执行  npm install sass-loader --save-dev

五、配置 angular.json 文件

       

       项目中css  和 scss  共同存在是没有问题的

六、在组件里引用sass文件

       

       sassA.component.scss 文件如下：

       

完成，启动就能看效果了！