从css到scss的Angular cli
我已经阅读了文档，文档上说如果我想使用< code>scss,我必须运行以下命令:
ng set defaults.styleExt scss
但是，当我这样做并创建该文件时，我仍然会在控制台中收到以下错误:
styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT:
no such file or directory, open
'/Users/Egen/Code/angular/src/styles.css'(…)
共有3个答案
打开angular.json文件
1.从
"原理图": {}
自
"schematics": {
"@schematics/angular:component": {
"styleext": "scss"
}
}
“.css””
自
< code>"src/styles.scss"
然后检查并重命名所有.css文件，并将 component.ts 文件样式从.css更新为 .scss
从ng6开始，这可以通过在根级别将以下代码添加到< code>angular.json来实现:
在< code>.angular.json中手动更改:
"schematics": {
"@schematics/angular:component": {
"styleext": "scss"
}
}
对于Angular 6，请检查官方留档
注意：对于早于 6.0.0-beta.6 的 @angular/cli 版本，请使用 ng 集代替 ng 配置。
在使用默认< code>css样式设置的现有angular-cli项目中，您需要做一些事情:
- 将默认样式扩展更改为
scss
在<代码>中手动更改。Angular-CLI . JSON (Angular 5 . x及更早版本)或< code > Angular . JSON (Angular 6)或运行:
ng config defaults.styleExt=scss
如果出现错误:找不到< code >值。使用命令:
ng配置schematics.@schematics /angularcomponent.styleext
（*来源：角度 CLI SASS 选项）
重命名现有的＜code＞。css文件到。scss（即styles.css和app/app.component.css）
指向CLI找到styles.scss
手动更改应用程序中的文件扩展名[0].样式在角度.json
更改组件中的样式URL以匹配新文件名
正如@Serginho所提到的，您可以在运行＜code＞ng new
ng new your-project-name --style=scss
如果要为将来创建的所有项目设置默认值，请运行以下命令：
ng config --global defaults.styleExt=scss
-
问题内容： 我正在尝试为sass中的占位符创建一个mixin。 这是我创建的mixin。 这就是我想要包含mixin的方式： 显然，由于所有冒号和分号都已传递给mixin，所以这行不通，但是…我真的很想输入静态CSS并将其完全传递给上面的函数。 这可能吗？ 问题答案： 您正在寻找指令： 从Sass 3.4开始，此mixin可以这样编写，以使其既可以嵌套也可以嵌套： 用法： 输出：
-
你好，我是一个很新的一大口。问题是当我用命令“gulp”运行默认任务时，scss文件没有编译，而是复制到css文件夹这是我的gulpfile.js
-
问题内容： 我已经阅读了文档，其中说如果要使用，必须运行以下命令： 但是当我这样做并制作该文件时，我仍然在控制台中收到此错误： styles.bundle.js：33Uncaught错误：模块构建失败：错误：ENOENT：没有此类文件或目录，请打开’/Users/Egen/Code/angular/src/styles.css’(…） 问题答案： 对于Angular 6， 请查看官方文档 注： 对
-
我在angular 2项目上工作过，并使用了angular-CLI。我想用SCSS替换所有的css文件。做这件事最简单的方法是什么？或者是否有一个命令行可以处理它而不需要手动。
-
问题内容： 无论如何，是否可以使用Sass的命令导入常规CSS文件？虽然我没有使用sass的所有SCSS语法，但我仍然喜欢它的合并/压缩功能，并且希望能够在不将我的所有文件重命名为* .scss的情况下使用它 问题答案： 对于libsass（C / C ++实现），导入的工作方式与文件相同-只是省略扩展名： 这将导入。