如何在Angular中应用基于浏览器语言的SCSS？
在Angular中应用基于浏览器语言的SCSS，可以通过以下步骤实现：
- 首先，确保已经安装了Angular CLI，并创建了一个新的Angular项目。
- 在项目的根目录下，找到
angular.json文件，该文件用于配置Angular项目的构建选项。 - 在
angular.json文件中，找到projects -> [your-project-name] -> architect -> build -> options节点。 - 在
options节点中，找到styles属性，该属性用于指定项目中使用的样式文件。 - 将
styles属性的值修改为一个数组，并在数组中添加以下两个元素："src/styles.scss"：这是项目的全局样式文件，可以在其中定义基于浏览器语言的SCSS样式。"src/styles.css"：这是Angular默认的全局样式文件，用于存放通用的CSS样式。- 例如：
- 例如：
- 创建一个新的SCSS文件，例如
src/styles.scss，在其中编写基于浏览器语言的SCSS样式。 - 在
styles.scss文件中，可以使用CSS的@media查询来根据浏览器语言设置不同的样式。例如： - 在
styles.scss文件中，可以使用CSS的@media查询来根据浏览器语言设置不同的样式。例如： - 上述代码根据浏览器的
prefers-color-scheme属性设置了不同的背景色和文字颜色。 - 在Angular项目中使用基于浏览器语言的SCSS样式时，只需在组件的样式文件中引入
styles.scss文件即可。例如，在组件的component.scss文件中添加以下代码： - 在Angular项目中使用基于浏览器语言的SCSS样式时，只需在组件的样式文件中引入
styles.scss文件即可。例如，在组件的component.scss文件中添加以下代码： - 这样，组件中的样式就会继承
styles.scss中定义的基于浏览器语言的SCSS样式。
总结起来，通过在Angular项目的angular.json文件中配置全局样式文件，并在其中编写基于浏览器语言的SCSS样式，然后在组件的样式文件中引入全局样式文件，就可以在Angular中应用基于浏览器语言的SCSS样式了。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯区块链服务（TBCS）：https://cloud.tencent.com/product/tbcs
- 腾讯元宇宙（Tencent Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
2回答
我从互联网上下载了一个名为dashgum的免费HTML主题。我正在为一个Angular2应用程序实现它，这个应用程序使用angular。我将css文件转换为.scss，并将代码粘贴到角应用程序中。然后，我在名为styles.scss的全局样式文件中导入了这些文件，以便将样式应用于应用程序，如下所示：
@import url('./scss/bootstrap.scss');
@import url('./scss/font-awesome/css/font-awesome.scss');
@import url('./scss/zabuto_calend
浏览 0提问于2016-11-11得票数 11
回答已采纳
2回答
我正试着和webpack一起在我的angular (4)应用程序中设置Angular材质，我在文档中看到我需要包含一个默认主题才能工作。建议的方法之一是使用
@import '~@angular/material/prebuilt-themes/indigo-pink.css';
在您的styles.scss中，如果您使用的是angular-cli。
现在，我没有使用angular-cli，但我有一个主styles.scss，所以我包含了这个，我的应用程序构建得很好，但是当我加载它时，我得到了一个错误
GET http://localhost:8080/@angular/mat
浏览 2提问于2017-06-10得票数 2
我将我的Angular应用程序部署到https域。并且API域是http。 当我使用--prod构建我的Angular应用程序时，我在requests that Referrer Policy: strict-origin-when-cross-origin中得到了一个错误，但是当我在没有--prod的情况下构建时，请求工作得很好。 有什么想法吗？
浏览 81提问于2020-12-09得票数 2
1回答
出于可用性的目的，我们希望能够在消费应用程序中更改我们的Angular组件库中的SCSS变量。
有没有可能阻止我们的组件库在CSS中处理SCSS？或者有没有更好的方法来实现我们想要的？
浏览 9提问于2019-11-06得票数 4
回答已采纳
我有一个angular应用程序。这个应用程序支持多种语言的rtl和ltr布局。布局将根据来自用户的语言的改变而改变。
我有两个SCSS文件，每个方向一个。我想根据变量的值来加载其中的一个。我迷路了，我不知道我到底应该在哪里做。解决此类问题的最佳实践是什么？
谢谢!
浏览 44提问于2018-08-20得票数 3
回答已采纳
以下是我的需要：
我已经创建了一个angular library，它被许多应用程序使用。库的所有样式文件都是".scss“扩展名。在库中发生任何更新时，每个应用程序都需要构建angular-library，相反，我决定将库scss/css文件保存在服务器中。因此，它将自动更新所有的应用程序。
作为一次尝试，我上传了“.scss”文件，但是在index.html中添加了该文件之后，它就无法工作了，问题是：
如何将文件包含到其他应用程序中--如果不可能，则在进行库构建时将scss文件转换为css文件，并在服务器中上载相同的文件
请帮帮我。
浏览 0提问于2020-11-24得票数 1
我正在使用angular的多语言项目，更改语言和样式表的逻辑是在app默认组件中键入的，我创建了导航栏组件，但我不能使用changeLanguage函数，因为它在app组件中，所以我必须复制我制作的每个组件中的函数和逻辑，如何解决这个问题，或者如何使app组件中的函数可用于其他组件？ 应用组件代码 import { Component } from '@angular/core';
import { TranslateService } from "@ngx-translate/core";
import { Inject } from '@angul
浏览 22提问于2021-11-20得票数 0
回答已采纳
1回答
如何在服务器端配置角代理？
、、、、
我正在测试一个新的aproach在我的前端应用程序构建与角，我想隐藏API url对浏览器网络。表单示例:要调用api.url.dz/login上的登录，我想在前面调用front.url.dz/login，然后将其重定向到api.url.dz/login。这是我的proxy.config.json文件：
{
"http://localhost:4200":{
"target":"http://localhost:9999/",
"secure":false,
"cha
浏览 5提问于2022-08-29得票数 0
我刚刚用sass启动了一个基于angular-7的web应用程序，当我在"styles.scss“中导入scss时，它在整个应用程序中都能正常工作，但当我试图在组件(profile.component.scss)中添加/覆盖css时，它就不能工作了。 Angular CLI: 7.1.4
Angular: 7.1.4
Node: 11.6.0 以下是应用程序的"angular.json“css结构 "styles": [
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
浏览 26提问于2019-01-31得票数 1
我们是否可以直接在中引用sass文件而不是css文件？
如果可能的话，webpack如何将sass编译成css文件？另外，在构建应用程序时，哪一种方式是打包sass文件的最佳方法？
我正在使用以下版本：
webpack(3.5.5)，角/cli(1.4.1)和angular4
我的文件夹结构是这样的，
src
├--- assets
| ├--- sass
| | ├--- common.scss
| | ├--- base.scss
| | ├--- coustom.scss
| ├--- css
| ├--- common.c
浏览 1提问于2017-10-12得票数 0
回答已采纳
1回答
不知道我在这里做错了什么，我对角度相当陌生，我在路由方面有点摸索。
我正在运行角12.2.0，并在本地主机上设置了路由。我现在只是在两页之间浏览，看看它是如何工作的，它在本地工作得很好。
例如，在本地主机上，我可以从根浏览到工作良好的。
const routes: Routes = [
{path: '', component: HomeComponent},
{path: 'locations', component: LocationsComponent}
];
当我运行ng build来构建这个项目时，它运行得很好，并且我可以打开index.ht
浏览 6提问于2022-02-12得票数 1
回答已采纳
2回答
我将angular11与SCSS结合使用。例如，我有以下课程：
.freeSpace {
flex: 1;
display: flex;
align-items: flex-end;
width: 100%;
max-width: 600px;
}
但是，当我做ng build --prod时，它不会转向：
.freeSpace {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-fl
浏览 1提问于2021-01-17得票数 6
回答已采纳
1回答
我有一个angular 4应用程序作为前端，一个节点应用程序作为我的服务器端。我有一个IP为192.168.x.y的本地服务器。我在192.168.x.y:3000上运行我的节点应用程序。我有一个公共id 151.233.t.z！在我的angular应用程序package.json中，我使用了ng serve --port 8080 --host 192.168.x.y --public 151.233.t.z。在我的.angular-cli.json中使用：
"defaults": {
"styleExt": "scss",
"com
浏览 0提问于2018-07-10得票数 0
1回答
我试图运行一个简单的测试，试图添加离子和电容器到一个已经存在的角度项目。我已经设法使它正常工作和运行，但是当我将SSL命令添加到CLI以便服务器使用HTTPS运行时，应用程序不再加载，我所看到的一切都是空白屏幕。此外，如果我从浏览器手动访问URL，那么所有内容都将正确加载。在Android或离子/电容器文件中是否有错误的配置？我尝试过不同的配置和不同的模拟设备w/不同的Android版本，但没有用，我一直无法使它工作。如果有人能帮我这个忙我会很感激的..。
运行ionic capacitor run android --livereload --external
当我向CLI ionic
浏览 12提问于2022-03-25得票数 2
我试图添加材料设计启动手风琴到我的角度应用程序使用的例子。
以下是我的HTML：
<mdb-accordion [multiple]="false">
<mdb-accordion-item [collapsed]="false">
<mdb-accordion-item-head>Collapsible Group Item #1</mdb-accordion-item-head>
<mdb-accordion-item-body>
Anim paria
浏览 2提问于2020-02-14得票数 1
回答已采纳
我想在AWS云中部署一个Angular和spring boot应用程序(微服务架构)。谁能告诉我如何使用ecs部署它，fargate意味着如何将angular应用程序与微服务连接起来？或者有人知道互联网上的任何文章/参考资料来做这件事？
浏览 1提问于2019-01-30得票数 1
我有一个吝啬的应用程序客户端是在anular2构建webpack。
当我从服务器为初始请求提供index.html时，当生产中的应用程序加载时间超过5秒或6秒时，由于供应商模块JS文件超过3MB，加载时间更长。
我如何优化这件事，我想分开供应商的JS文件。以下是我的webpack.config.js
const webpack = require('webpack');
const production = process.env.NODE_ENV === "production";
const autoprefixer = require('autop
浏览 3提问于2016-06-28得票数 0
3回答
不知道我错过了什么..。
我确实尝试了css和scss以及.scss文件中的不同组合。尽管如此，我仍然没有看到(在in元素中)它正在从引导中获取css。
是的，我在相应的路径中有引导css和scss文件。
angular.json
"styles": [
"src/styles.scss",
"node_modules/bootstrap/scss/bootstrap.scss",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
浏览 0提问于2019-07-25得票数 0
1回答
我有一个有角度的CLI应用程序，我在全局@import '~@angular/material/theming';中使用styles.scss。我还有一个组件，我希望在该组件的.scss文件中定义一个css类，该类使用一些角材料字体：
@import '~@angular/material/theming';
$config: mat-typography-config();
.myClass {
font-size: mat-font-size($config, title);
font-weight: bold;
}
通过在我的应用程序中多次导入
浏览 0提问于2019-01-07得票数 8
我正在尝试使用NG2翻译以不同的语言显示userName。
我的LoginComponent看起来如下所示：
import { Component } from '@angular/core';
import {TranslateService, TranslatePipe} from 'ng2-translate/ng2-translate';
@Component({
selector: 'login-app',
templateUrl: './app/components/html/login.component.
浏览 4提问于2016-07-21得票数 3
我有一个由多个客户使用的应用程序，每个客户都需要在运行时加载自己独特的主题/配色方案。如何在angular 6中加载基于客户的scss文件？
浏览 0提问于2018-09-17得票数 0
我有一个角形6应用程序，我正在尝试建立我自己的风格库.以下是angular.json文件的外观：
"root": "",
"sourceRoot": "src",
"projectType": "application",
"prefix": "app",
"schematics": {
"@schematics/angular:component": {
"styleext": &#
浏览 0提问于2018-11-16得票数 0
我用sass创建了新的angular项目，并创建了名为sass的文件夹，其中包含一个名为_variables.scss的文件。
在app组件中，我尝试像这样导入变量。
@import 'variables'
当我运行ng serve时，我得到以下错误：
./src/app/app.component.scss模块构建失败：
@import 'variables'
^
File to import not found or unreadable: variables.
in C:\Users\Bonge\Documents\Projects
浏览 3提问于2018-06-15得票数 39
1回答
我正在尝试使用Angular开发web应用程序的前端，并将其与使用Powershell的现有‘后端’进行集成。Powershell 'backend‘是桌面应用程序的一部分，但我想将其用作web应用程序。我如何将这个Powershell‘后端’与Angular集成？有没有Powershell模块可以帮助解决这个问题？
浏览 13提问于2020-07-23得票数 0
在我的角度应用程序中，我想在app init之前加载一个JSON数据，我将它存储在一个服务中，并在我的应用程序中使用它。
我使用解析器在app init之前加载数据，就像在中提示的那样。但是，解决方案在我服务或生成ng时抛出了错误。
错误中遇到静态解析符号值的错误。不支持函数调用。考虑将函数或lambda替换为导出函数的引用(原始.ts文件中的位置43:19 )，在/Users/name/src/app/app.module.ts中解析符号AppModule
请让我知道如何解决这一错误，或如果有任何其他方式加载数据之前，应用程序。
app.module.ts
import { APP_
浏览 0提问于2017-07-29得票数 0
目前我正在运行一个angular 8应用程序。默认情况下，angular使用Cobertura生成覆盖报告。有没有可能用Jacoco替换这个Cobertura？如果是，那么是如何实现的？我搜索了很多，但没有找到任何合适的答案。大多数示例都是针对JAVA的，所以我很好奇地想知道JAVASCRIPT是否可能。下面是测试配置表单angular.json文件。 "test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
浏览 9提问于2020-01-20得票数 1
回答已采纳
开始使用SASS的visual studio代码。创建简单的HTML，如下所示。
<!DOCTYPE html>
<html>
<head>
<title>SCSS Test</title>
<link rel="stylesheet" href="./styles/main.scss">
</head>
<body>
<header>
浏览 0提问于2019-04-10得票数 2
回答已采纳
我一直在阅读IdentityServer4的快速入门，对于如何实现SPA的隐式流仍然有一些疑问。 我的设置如下： IdentityServer4作为令牌服务器需要保护(使用WebAPICore)使用Angular的SPA 我的问题很简单:用户输入用户名和密码的登录屏幕是由IdentityServer提供的，还是Angular应用程序提供的？如果我们要使用IdentityServer提供的登录窗口，最佳实践是直接重定向到该窗口，还是应该将其显示在Angular应用程序的iframe中？
浏览 14提问于2019-03-06得票数 1
我正在使用angular构建多语言系统，使用angular i18n进行内部化，我必须将每种语言构建为不同的包。因为有些语言是RTL，所以我使用定向scss (而不是导入不同的样式表或在元素上应用class=rtl )。
问题是，我不想在每次构建之前更改代码。我只需要在scss变量文件中更改一行:在RTL语言上将$dir = ltr更改为$dir = rtl。
是否可以从构建脚本或其他东西中提取此值？这将创建更流畅的构建过程。
浏览 0提问于2017-08-02得票数 4
当我编译我的Angular项目时，我收到有关autoprefixer的警告：
[WDS] Warnings while compiling.
./src/app/administration/user/user.component.scss
(Emitted value instead of an instance of Error) autoprefixer:
auto-rows is not supported by IE
在Angular的Github上有几个问题，但它们与其他软件包警告有关，如Bazel。我可以永久禁止显示特定警告或所有警告吗？
浏览 12提问于2018-08-31得票数 1
我有一个Angular2应用程序，它需要支持多种语言。这些语言中的一些可能是RTL (即波斯语)，而另一些将是LTR (即英语)。除了本地化字符串之外，我还需要根据语言的方向设置组件的样式。
现在，我可以有两个单独的文件(即 -rtl.scss和app-ltr.scss)，这两个文件都导入一个scss文件(即app.scss)，它允许我在一个位置编写scss代码，并自动输出两个文件；每个方向一个。
问题是，我现在需要以某种方式引用基于用户语言的合适的css文件。因此，如果用户的语言是英语，那么我应该在报头中使用<link href="app-ltr.css" rel=&#
浏览 2提问于2017-01-12得票数 10
我刚刚更新到Angular 12，我想尝试一下其中一个新特性，那就是内联scss / sass
我可以看到它已经在我的angular.json中启用了：
"inlineStyleLanguage": "scss"
我正在寻找一个关于如何做内联scss的例子，因为这是我以前从未做过的事情，但在网上找不到任何例子。
如何使用Angular 12中的内联sass功能？
浏览 15提问于2021-05-16得票数 1
回答已采纳
1回答
我目前正在与Material2一起开发一个仪表板，用于造型设计。我有一个问题，在任何弹出的应用程序，以透明的背景出现。
我已经在中给出了一个例子。
在堆栈闪电战中，当我添加了一个时，问题就出现了。
当我从项目"src/theme.scss"文件中删除angular.json文件并在style.css中使用预先构建的材料主题时，如下所示；
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
弹出式窗口的背景又恢复正常了。
这种情况发生在所有弹出窗口(datepicker、分页器等)。
浏览 0提问于2018-09-19得票数 0
回答已采纳
我正在使用。它要求将样式应用于<html>、<body>和<footer>。现在我使用sass来编写我的css，并且我希望尽可能地实现这个页脚。最好是这样，例如：
footer {@extend %sticky-footer;}
但是，如果这样做的话，我仍然需要对<html>和<body>标记进行样式化。据我所知，Scss没有某种类型的父选择器。那么，是否有一种方法可以用sass (在scss中)以模块化的方式来实现，最好是使用@extend？(有一个)
我要说的是:我不是在要求家长选择。我要求一种模块化的方式来用scss实现这个页脚
浏览 2提问于2013-10-10得票数 0
回答已采纳
我包含scss文件，如下所示：
import { Component, OnInit, ViewEncapsulation } from '@angular/core';
@Component({
....,
styleUrls: ['../../scss/dashboard_admin.scss'],
encapsulation: ViewEncapsulation.None
})
export class DashboardAdminComponent implements OnInit {
.....
这是编译的SCSS到CSS很
浏览 0提问于2017-06-11得票数 1
我想在Angular版本1中使用LESS和SCSS。我需要首先将SCSS和手写笔文件编译为CSS并将其导入到我的应用程序中吗？或者有没有什么好的选择？
背景:我有两个应用程序，一个使用Angular 4，另一个使用Angular 1。Angular 4使用scss，angular 1使用更少。我想在angular 1中使用angular 4应用程序，保持angular 1的外观和感觉？
浏览 0提问于2017-12-20得票数 0
我做了大量的工作，与webpack一起建立了一个Range2项目，利用npm来存储当地的图书馆。我有应用程序工作，但我不知道如何加载的东西，如jQuery，D3或引导，我需要我的项目。
我用过
安装jquery d3引导程序
等等，在本地安装库，但将它们放在我的供应商文件中并不能做很多事情，而且我不能访问d3对象或css标签，从我的角2模板中的引导程序。
我的vendor.ts文件中有这些
import 'jquery';
import 'bootstrap-loader';
我也试过
import * as d3 from 'd3/index&
浏览 2提问于2016-08-09得票数 1
回答已采纳
1回答
动态主题离子问题
、、、、
我正在使用Ionic和Angular来开发一个应用程序。我介绍了动态主题，在我的theme文件夹中添加了两个.scss文件。在app.scss中，我只定义组件的布局，而不定义颜色。所有颜色都在theme-*.scss文件中。为了将主题应用到我的app.html中，我在<ion-nav>元素上使用了一个类。如下所示：
<div [class]="selectedTheme">
<ion-nav [root]="rootPage" ></ion-nav>
</div>
文件theme-*.scss的结
浏览 2提问于2018-07-25得票数 1
我是Angular 4和Angular-CLI的新手。我找不到任何解决方案，如何使用整个应用程序的根scss/css文件。因此，我的问题是，如何在项目中使用全局scss文件？
浏览 31提问于2017-03-29得票数 7
回答已采纳
我正在使用摩纳哥编辑器来构建基于浏览器的IDE。在这方面，我希望用户编写他的特定角度代码，例如：
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent {}
现在，摩纳哥编辑器显示语法错误。如何在摩纳哥编辑器中启用此
浏览 5提问于2021-12-06得票数 -1
2回答
是否可以将angular材质内置主题仅应用于特定组件？
我做到了：
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
在我的一个component.scss文件中，并将其引用为component.ts文件中的styleUrl。但是样式不适用于我的角度材料分页器。
下面是分页器的样子
如图所示，样式不适用。
是不是因为我是在一个特定于组件的scss文件中导入它们，而不是在angular.json中导入？
浏览 0提问于2018-10-25得票数 5
3回答
我刚刚将我的应用程序升级到了角11。在运行ng run my-app:build之后，我得到了以下错误：
Error: ./projects/my-app/src/styles.scss
Module build failed (from ./node_modules/@angular-devkit/build-angular/node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/@angular-devkit/build-
浏览 4提问于2021-04-28得票数 0
5回答
我试图在AppComponent中获取应用程序的当前url，但它总是返回根路径/。例如，如果我在新选项卡中访问/users，那么预期的结果应该是/users，但是当我在控制台中签入时，它将显示/。
但是，当我在子组件中执行同样的操作时，它会工作。以下是我的代码：
import {Component} from '@angular/core'
import {ActivatedRoute, Router} from '@angular/router'
@Component({
selector: 'app-root',
templ
浏览 7提问于2017-06-19得票数 10
回答已采纳
2回答
也为Web构建应用程序
、、、
Nativescript也可以为web构建应用程序吗？
就像Ionicframework和类似的使用Cordova来构建Android和iOS一样，同样的代码也可以由超文本传输协议服务器提供给移动或桌面浏览器。
使用Nativescript构建的应用程序，使用相同的web版应用程序代码库，这可能吗？
如今，Angular集成正在进行中，并将Angular用于mvc类的事情(如数据绑定、事件等)。使用Native for the device apis，platform apis和native gui将以一种无与伦比的方式提供帮助。
为其构建时，也可以在浏览器中使用角度零件。如何处理为Nativ
浏览 3提问于2015-06-17得票数 1
import {Component, ViewEncapsulation} from '@angular/core';
import {Router, RouteConfig, ROUTER_DIRECTIVES} from '@angular/router-deprecated';
import {Home} from './components/home/home';
import {About} from './components/about/about';
import {RepoBrowser} from '
浏览 2提问于2016-05-21得票数 1
回答已采纳
1回答
1)我有一个带有"“的angular应用程序设置。因此每个部分的文件夹可能都有自己的*.scss文件。需要将*.scss转换为*.css，并输出同一文件夹中的*.css文件。
我在Gulp中花了几个小时来处理它，但是不能得到正确的语法。它给了我很多不同的行为，但没有一个是我想要的。
有谁比Gulp更了解Gulp吗？
2)单独的Gulp问题，uglify可以同时缩小CSS和JS文件？或者有没有一个单独的插件可以用来缩小CSS？
3)有没有可以缩小HTML文件的插件？对可用的内容不是很熟悉。我还在试着从一个例子中学习，但是他们把所有不同的插件都弄乱了，我不需要用到所有的插件。但当我将它们分
浏览 5提问于2014-10-06得票数 1
1回答
我用的是带有引导带4的角度CLI。经过一些痛苦的设置后，我已经准备好了。一旦“ng serve”完成了内存中的构建，我打开了应用程序，在检查了一些元素之后，我注意到引导类多次出现。
在检查<head>之后，我可以看到有<style>元素(3x)，它们都包含引导类。
我的应用程序设置如下：
- SRC
|- APP
| |- TOOLBAR
| | |- toolbar.component.scss
| |- app.component.scss
|- app.scss
|- variables.scss
在var
浏览 0提问于2017-05-19得票数 0
回答已采纳
5回答
如何在SASS中使用角4
、、、
我正在使用Angular4和sass开始我的第一个项目，我正在努力弄清楚如何正确地使用sass。我正在使用angular-cli，并且已经将默认样式设置为使用scss语法。我也已经定义了编译等。
不过，我看到组件上有一个选项styleUrls，在某些情况下，我们只定义在该组件中使用的样式。
问题是，当我在这个scss文件中设置一个component文件时，它不会生成它自己的.css文件，也不会包含在从根项目生成的主.css文件中。
基本上，我有一个这样的项目结构：
app
app.module.ts
app.routing.ts
home
home.co
浏览 7提问于2017-06-22得票数 13
回答已采纳
我需要通过类选择器从.scss文件中提取一个规则，以显示在Angular应用程序ui上，但是到目前为止，我还没有找到一个好的.scss解析器，我可以使用它来按名称获取类规则。
例如:如果我传递类选择器name= 'custom- class '，我需要括号中的内容，很简单。
.custom-class {
width: 334px;
text-decoration: underline;
}
有没有可以使用的scss类型？或者任何可以使用的npm包，其中我可以给出必须从scss文件中读取规则内容的文件路径和类名？列出类选择器()的示例有一个npm包(但用于css文件
浏览 2提问于2018-09-11得票数 1
我使用Ionic AppFlow Live部署特性没有问题，但是构建使用的是开发环境，而不是生产环境。我有一个使用Live的类似应用程序，它在生产环境中正确构建，并且我在这两个应用程序的配置上找不到任何不同。
我有两个环境文件：
environment.prod.ts
environment.ts
该应用程序使用的是用于开发的environment.ts配置。
我可以通过USB在设备中正确地安装生产模式的应用程序，使用：
$ ionic cap copy --configuration=production
$ ionic cap open android
如何使用强制AppFlow使用生产环
浏览 15提问于2022-09-23得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
