Angular设置Sass根目录
创始人
2024-10-29 11:30:10
0

要将Sass的根目录设置为Angular项目中的特定目录,需要进行以下步骤:

  1. 在Angular项目的根目录中,找到angular.json文件。
  2. 打开angular.json文件,并找到architect -> build -> options -> styles部分。
  3. styles数组中,找到你想要设置为Sass根目录的样式文件路径。
  4. 在该样式文件的路径之前,添加一个新的元素,用于指定Sass根目录的路径。

下面是一个示例:

"architect": {
  "build": {
    "options": {
      "styles": [
        "src/styles.scss",
        "src/app/my-component/my-component.scss"
      ]
    }
  }
}

假设你想要将src/app/my-component/my-component.scss设置为Sass根目录,你可以将代码修改为:

"architect": {
  "build": {
    "options": {
      "styles": [
        "src/styles.scss",
        {
          "input": "src/app/my-component/my-component.scss",
          "inject": false
        }
      ]
    }
  }
}

在上面的示例中,我们将src/app/my-component/my-component.scss添加到styles数组中,并将其包装在一个对象中。通过设置injectfalse,我们告诉Angular不要将此样式文件注入到全局样式中。

通过以上步骤,你就可以将Sass的根目录设置为Angular项目中的特定目录了。

相关内容

热门资讯

透视数据!情怀郴州字牌辅助,决... 透视数据!情怀郴州字牌辅助,决战手游辅助-都是存在有辅助攻略(哔哩哔哩)情怀郴州字牌辅助脚本下载中分...
在玩家背景下!微信小程序雀神挂... 在玩家背景下!微信小程序雀神挂件透视,八仙竞技辅助-确实真的是有辅助神器(哔哩哔哩)1、微信小程序雀...
透视脚本!开心泉州辅助器官方最... 透视脚本!开心泉州辅助器官方最新版本更新内容,闽游13水科技-一贯是真的有辅助软件(哔哩哔哩)1、金...
透视攻略!花花生活圈怎么开挂,... 透视攻略!花花生活圈怎么开挂,微友联盟辅助下载-其实是有辅助挂(哔哩哔哩)1、上手简单,内置详细流程...
透视黑科技!欢乐茶坊辅助,心悦... 透视黑科技!欢乐茶坊辅助,心悦踢坑神器软件下载-本来真的有辅助技巧(哔哩哔哩)在进入心悦踢坑神器软件...
第三方辅助挂!闲逸辅助app官... 第三方辅助挂!闲逸辅助app官方下载,潮汕汇app辅助-真是确实有辅助工具(哔哩哔哩)1、每一步都需...
教学辅助挂!情怀游戏字牌辅助,... 教学辅助挂!情怀游戏字牌辅助,潮汕掌上娱有破解版吗-果然是有辅助技巧(哔哩哔哩)1、潮汕掌上娱有破解...
2026版规律!闲聚大联盟辅助... 2026版规律!闲聚大联盟辅助,悟空大厅怎么挂辅助-一直是有辅助app(哔哩哔哩)1、悟空大厅怎么挂...
黑科技代打!钱塘十三水辅助器软... 黑科技代打!钱塘十三水辅助器软件,闲逸辅助软件-原来真的有辅助插件(哔哩哔哩)1、操作简单,无需钱塘...
于此同时!贪玩蓝月辅助脚本,新... 于此同时!贪玩蓝月辅助脚本,新二号辅助-其实是有辅助攻略(哔哩哔哩)一、贪玩蓝月辅助脚本游戏安装教程...