Angular中全局引用scss变量

使用情景
  1. 项目比较复杂的时候，引用全局css样式引用路径会变得很长@import './../../../style.csss'。
  2. 在scss中定义了全局的样式变量，希望在每个组件都可以直接使用。
解决方案

我是用的angular9, 脚手架版本是"@angular/cli": "~9.1.9"

在angular.json中增加：

{
    "stylePreprocessorOptions": {
      "includePaths": [
        "src/styles/"
      ]
    },
    "styles": [
      "src/styles/theme.less",
      "src/styles/index.scss"
    ],
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue大笔记
    Vue Vue是一个前端js框架，由尤雨溪开发，是个人项目 Vue近几年来特别的受关注，三年前的时候angular...
    hcySam阅读 301评论 0赞 0
  • Angular4的学习
    2018-3-15 星期四 一、安装 注意：请现在终端/控制台窗口中运行 node -v 和 npm -v，来验证...
    ftmo阅读 1,167评论 1赞 2
  • 《前端工程化开发一》
    10分钟学会前端工程化（webpack4.0） 目录 一、概要 1.1、前端工程化 1.1.1、前端工程化的任务 ...
    前端驿站阅读 592评论 0赞 1
  • Angular学习(01)-架构概览
    声明 本系列文章内容梳理自以下来源： Angular 官方中文版教程 官方的教程，其实已经很详细且易懂，这里再次梳...
    请叫我大苏阅读 1,100评论 0赞 6
  • React框架大笔记
    React框架学习 React的起源和发展 起初facebook在建设instagram（图片分享）的时候嘞，因为...
    hcySam阅读 696评论 0赞 1