如何在 Angular CLI 中从 CSS 迁移到 SCSS？

Angular CLI：从 CSS 转换为 SCSS

将 Angular 项目从 CSS 转换为 SCSS 时，您可能会遇到错误：

styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT:
no such file or directory, open
'/Users/Egen/Code/angular/src/styles.css'

对于现有项目（Angular 6)

1. 更新默认样式扩展为“scss”：

   • 手动编辑 .angular-cli.json 或 Angular。 json（角度 6 ):

     {
     "defaults": {
       "styleExt": "scss"
     }
     }

   • 或运行：

     ng config defaults.styleExt=scss

2. 将现有 .css 文件重命名为 .scss。
3. 更新 angular.json 中的 apps[0].styles 以包含 .scss扩展名。
4. 更新组件 styleUrl 以反映新文件名。

对于未来的项目

1. 创建一个新项目using:

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

2. 设置全局默认样式扩展：

   ng config --global defaults.styleExt=scss

以上是如何在 Angular CLI 中从 CSS 迁移到 SCSS？的详细内容。更多信息请关注PHP中文网其他相关文章！