angular2项目使用sass或scss

一、新建项目使用sass
使用ng new 创建项目的时候:

ng new new_project_name --style=sass
ng new new_project_name --style=scss

注意:npm install的时候node-sass包需要代理(你懂的)
二、已有项目使用sass
首先,安装node-sass包

npm install node-sass  --save-dev

然后修改angular-cli.json配置

"defaults": {
    "styleExt": "css",
    "component": {}
  }

修改为:

"defaults": {
    "styleExt": "sass",
    "component": {}
 }
"styles": [
    "styles.css"
 ]

修改为:

"styles": [
    "styles.sass"
 ]

"styles": [
    "styles.scss"
 ]

最后修改全局的style.css文件的后缀,改为style.sass或style.scss

总结:使用npm下载node-sass包需要代理,而使用淘宝镜像或cnpm又会出现各种各样的未知的问题,所以建议还是使用代理吧!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,850评论 0 21
  • 想想学习Sass时间也有差不多一年的光景了。在这一年来的时间中,在GitHub不断阅读Sass相关的源码。也在国外...
    小豌豆书吧阅读 12,033评论 1 24
  • Sass&Gulp 一、sass介绍 (一) SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计...
    锋享前端阅读 5,414评论 0 3
  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 11,770评论 0 16
  • 安装Gulp首先需要安装Node.js,并在控制台输入$ npm install gulp -gMac端需要写成$...
    LaBaby_阅读 4,505评论 0 1