在 Ionic 3 上使用 SASS 而不是 SCSS答案

【问题标题】：Use SASS instead of SCSS on Ionic 3在 Ionic 3 上使用 SASS 而不是 SCSS
【发布时间】：2017-07-11 16:49:28
【问题描述】：

我们的团队已经完成了基于点 SASS 文件的 html 样式的构建。我尝试在 Ionic 3 中使用该 sass 文件。但是，我找不到在 Ionic 3 中使用 SASS 文件的方法。所有文档和建议都使用点 SCSS 文件。

除了更改 variable.scss 文件或任何点 SCSS 文件之外，还有什么方法可以为 Ionic 3 使用自定义样式？我需要更改此应用的主要样式，它使用我们自己的样式。

也许我可以将 sass 中编译的 main.css（使用 gulp 构建）用于 ionic 3？

我尝试将编译好的 main.css 放在 src/assets/style/main.css 上，然后将该文件导入 app.component.ts 中：

styleUrls: ['/assets/css/main.css']

它不起作用。

【问题讨论】：

【解决方案1】：

.sass 和 .scss 基本上意味着相同的东西，因为这两个文件包含相同的，或者至少应该包含 AFIK。这只是一个命名的东西，所以你可以重命名文件，或者像这样创建符号链接：

ln -s main.sass main.scss

【讨论】：