美文网首页我爱编程
angular2项目使用sass或scss

angular2项目使用sass或scss

作者: LuisWang | 来源:发表于2018-05-21 11:24 被阅读0次

    一、新建项目使用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又会出现各种各样的未知的问题,所以建议还是使用代理吧!

    相关文章

      网友评论

        本文标题:angular2项目使用sass或scss

        本文链接:https://www.haomeiwen.com/subject/lalfjftx.html