当前位置: 首页 > 面试题库 >

从CSS到CSS的Angular CLI

池兴邦
2023-03-14
问题内容

我已经阅读了文档,其中说如果要使用scss,必须运行以下命令:

ng set defaults.styleExt scss

但是当我这样做并制作该文件时,我仍然在控制台中收到此错误:

styles.bundle.js:33Uncaught错误:模块构建失败:错误:ENOENT:没有此类文件或目录,请打开’/Users/Egen/Code/angular/src/styles.css’(…)


问题答案:

对于Angular 6, 请查看官方文档

注: 对于@angular/cli比旧版本6.0.0-beta.6使用ng set到位ng config

对于现有项目

在现有的使用默认css样式设置的angular-cli项目中,您需要做一些事情:

  1. 将默认样式扩展名更改为 scss

手动更改.angular-cli.json(Angular 5.x和更早版本)或angular.json(Angular 6+)或运行:

 ng config defaults.styleExt=scss

如果出现错误:请Value cannot be found.使用以下命令:

ng config diagrams。@ schematics / angular:component.styleext scss

  1. 将现有.css文件重命名为.scss(即styles.css和app / app.component.css)

  2. 指向CLI来找到styles.scss

手动更改apps[0].stylesangular.json中的文件扩展名

  1. 指向组件以查找新样式文件

更改styleUrls组件中的以匹配新文件名

对于未来的项目

如@Serginho所述,您可以在运行ng new命令时设置样式扩展名

ng new your-project-name --style=scss

如果要为以后创建的所有项目设置默认值,请运行以下命令:

ng config --global defaults.styleExt=scss


 类似资料:
  • 我已经阅读了文档,文档上说如果我想使用< code>scss,我必须运行以下命令: 但是,当我这样做并创建该文件时,我仍然会在控制台中收到以下错误:

  • 问题内容: 是否有更改此文本的CSS代码 到这个 问题答案: 尝试这个 编辑:将此类应用于段落标记,您应该得到想要的结果。

  • 问题内容: 输出: 码: 没有相同的输出,如何实现? 问题答案: 使用相同的HTML结构是不可能的,您必须有一些区别和。 我建议使用s,然后将其显示为块(就像实际一样)。

  • 问题内容: 我已经开始使用过渡来“现代化”网站的感觉。到目前为止,过渡效果很好。现在,我想知道是否有可能基于其他因素(例如,类更改时)触发转换。 以下是相关的CSS: 触发更改的JavaScript是: 但是过渡似乎并没有发生-它只是从一个州跳到另一个州。 我究竟做错了什么? 问题答案: 当您删除属性时,它确实起作用。 原因是只能转换带有数字的CSS属性。您认为“ 50%状态”应介于“ ”和“ ”

  • 问题内容: 有没有办法从CSS(3)插入HTML元素,dom或代码? 问题答案: 内容(用于文本而非html): 但是要明确一点,这是不好的做法。它在整个浏览器中的支持都是不稳定的,通常不是一个好主意。但是在确实需要使用它的情况下,它确实存在。

  • 描述 (Description) 防护用于匹配简单值或表达式上的许多参数。 它适用于CSS选择器。 它是声明mixin并立即调用它的语法。 要成功显示if类型语句; 加入这个功能& ,它允许您分组多个警卫。 例子 (Example) 以下示例演示了在LESS文件中使用css guard - css_guard.htm <!doctype html> <head> <link re