sass相关内容

angular cli 可以使用标志图标 css 吗?

我是 angular cli 的初学者,我想知道:我可以使用这个 https://github.com/lipis/flag-icon-css 在 package.json 中,因为当有更新时,自动更新更容易,我不必手动进行.Flag 图标是 SCSS 而我在我的 angular 2 项目中使用 SASS 是否有问题? 解决方案 是的,它可以做到, 使用 node_modules 中 ..
发布时间:2021-11-09 00:23:25 其他开发

@use 即将推出,但此版本的 Dart Sass 不支持

我正在使用包含 Sass 的 Angular cli 项目运行 ng serve.我一直在使用 @import 和 @include 没有问题,当我添加 @use 时,终端抛出: @use 即将推出,但此版本的 Dart 不支持萨斯. 我的 package.json 使用 "sass": "1.25.0",根据官方文档,@use 从 1.23 开始支持. 有什么我遗漏的吗? ..
发布时间:2021-11-09 00:22:50 其他开发

@use 即将推出,但此版本的 Dart Sass 不支持

我正在使用包含 Sass 的 Angular cli 项目运行 ng serve.我一直在使用 @import 和 @include 没有问题,当我添加 @use 时,终端抛出: @use 即将推出,但此版本的 Dart 不支持萨斯. 我的 package.json 使用 "sass": "1.25.0",根据官方文档,@use 从 1.23 开始支持. 有什么我遗漏的吗? ..
发布时间:2021-11-09 00:22:44 其他开发

Angular CLI:从现有项目生成 SASS 项目

我开始着手一个由 Angular CLI 生成的项目,但意识到我忘记了 --style=sass 标志.有什么方法可以转换我的项目以通过 Angular CLI 启用 SASS? 解决方案 您可以为现有项目设置默认样式 ng set defaults.styleExt scss 并在 angular-cli.json 文件中将 style.css 更改为 style.scss "应用 ..
发布时间:2021-11-09 00:21:05 其他开发

可以将角度环境变量插入到 scss 中吗?

我正在尝试找到一种方法来根据“配置文件"变量环境更改我的 scss 的编译方式.我的应用程序将安装在不同的位置,具有不同的主题,但所有的 css 都是相同的.我只需要在编译期间更改将要使用的 调色板.我的应用程序已经在 environments.ts 上有一个 profile 变量,该变量将用于 brand image. 我在想: export const environment = {生 ..
发布时间:2021-11-09 00:18:19 其他开发

在 angular2 组件样式表中覆盖来自 Bootstrap 的样式

我有一个 angular2 应用程序构建,带有包含多个组件的 angular-cli.每个组件都有一个引用的样式表 (scss). 来自这些样式表的独特样式已正确应用于组件模板. 我不能做的是覆盖来自那些组件样式表的 angular-cli 中包含的外部 css 的样式. 只要我将样式移动到中央 style.scss 就可以了. 我的 angular-cli.json 看起 ..
发布时间:2021-11-09 00:16:14 前端开发

是否可以在 Angular 中同时使用 css 和 scss

我将一个使用 .scss (SASS) 的独立构建模块包含在使用纯 CSS 设置的现有 Angular 应用程序中.是否可以将它们并排放置,并且是否需要任何自定义配置,例如在 angular-cli.json 默认部分: “默认值":{"styleExt": "css?scss?"} 还是只能使用两者之一? 解决方案 EDIT for Angular 6+ 在 Angular 的 ..
发布时间:2021-11-09 00:16:11 前端开发

如何用 Angular CLI 替换 SCSS 文件?

Angular CLI 提供了在构建时替换文件的可能性该项目.我想使用此功能将具有默认样式的 SCSS 文件替换为包含客户特定 CSS 的 SCSS 文件. 但 Angular CLI 似乎不会替换 SCSS 文件.我怎么能做到这一点? 我尝试过的: environment.default.ts export const environment = {名称:'默认'}; en ..
发布时间:2021-11-09 00:15:53 其他开发

使用 Angular CLI 延迟加载应用程序主题样式

我正在尝试切换 的 href 以实现主题化,并且 SCSS 主题位于我的 monorepo 的包文件夹中,这些文件夹是符号链接的在 node_modules 中.我需要能够编译和引用这些. 我遇到了以下已解决的问题:angular/angular-cli#3401 并且一直在尝试实现类似的东西: “样式":["styles.scss",{"输入": "../node_mod ..
发布时间:2021-11-09 00:04:52 其他开发

如何在 Angular CLI 6: angular.json 中添加 Sass 编译?

我刚刚使用新的 Angular CLI 6.0 创建了一个新的 Angular 项目,但我需要将 Sass 编译添加到我的项目中.我知道您可以在创建项目时设置标志,但我的项目已经创建并且工作已经完成. 使用新的 Angular CLI 生成的新配置文件现在称为 angular.json 而不是 angular-cli.json.该文件的方案也不同,具有新的属性. 在旧的 angular ..
发布时间:2021-11-09 00:04:17 其他开发

Angular 4 CLI,WebPack,为整个网站动态切换引导主题

我想为用户提供一个按钮来更改整个网站的主题.我对所有内容都使用引导程序“.scss"文件.这是我所做的: 我在“src/styles"文件夹中有“dark-styles.scss"和“light-styles.scss".这两个文件都覆盖了我需要覆盖的类和方法,并且还从“node-module"中导入了“bootstrap.scss"作为默认值.当我通过“.angular-cli.json" ..
发布时间:2021-11-09 00:01:48 其他开发

如何在 Angular 中使用带有 SASS 的 Bootstrap 4

我想在使用 Angular CLI 创建的 Angular(4+) 项目中使用 Bootstrap 4 和 SASS. 特别是我需要: 使用 SASS 而不是 CSS 作为全局样式和组件样式 将 Bootstrap SASS 源代码与我的自定义 *.scss 样式一起编译 确保我的自定义样式覆盖 Bootstrap 源代码,以便我可以在需要时覆盖 Bootstrap 源代码,而无需 ..
发布时间:2021-11-09 00:00:19 其他开发

相对于根的 SCSS 导入

我正在重构一个 Angular 应用程序,当我将组件移动到新的目录位置时,我发现在组件的 SCSS 文件中处理 @import 路径正在变得有点乏味. 例如,假设我的应用程序根目录中有文件 src/_mixins.scss 和组件 src/app/my-widget/my-widget.component.scss 像这样导入 SCSS @import '../../mixins';.一切顺 ..
发布时间:2021-11-08 23:58:59 其他开发

从 css 到 scss 的 Angular-cli

我已阅读文档,其中说如果我想使用 scss 我必须运行以下命令: ng set defaults.styleExt scss 但是当我这样做并制作该文件时,我仍然在控制台中收到此错误: styles.bundle.js:33Uncaught 错误:模块构建失败:错误:ENOENT:没有这样的文件或目录,打开'/Users/Egen/Code/angular/src/styles.css'(… ..
发布时间:2021-11-08 23:53:33 前端开发