为什么添加自定义SASS变量在Ionic中不起作用？ [英] Why adding custom SASS variables does not work in Ionic?

问题描述

我使用-s选项设置了一个新的离子项目来启用SASS。

I setup a new ionic project using the -s option to enable SASS.

这是我的/myproject/scss.ionic.app.scss的一部分：

Here is a part of my /myproject/scss.ionic.app.scss:

...
$positive:                        #2a8000 !default;
$button-font-size:                30px !default;

// Include all of Ionic
@import "www/lib/ionic/scss/ionic";

保存这个scss文件时，我可以在shell中看到sass已启动且css已重新启动内置：

When saving this scss file, I can see in the shell that sass is launched and css is re-built:

[00:18:18] Starting 'sass'...
CSS changed:  www/css/ionic.app.css
[00:18:18] Finished 'sass' after 330 ms
CSS changed:  www/css/ionic.app.min.css

然而，新的css文件似乎完全相同，无论我放入scss文件。

However, the new css file seems to be exactly the same, whatever I put into the scss file.

你能解释一下原因吗？
非常感谢。

Can you explain why? Thanks a lot.

推荐答案

非常愚蠢......

It was pretty stupid...

我没注意SASS在 www / css / ionic.app.css
中生成新的css但是，该文件包含在默认的离子index.html是 lib / ionic / css / ionic.css

I didn't pay attention that SASS generates the new css in www/css/ionic.app.css However, the file included in the default ionic index.html is lib/ionic/css/ionic.css

唯一要做的就是在index.html

The only thing to do is to write <link href="css/ionic.app.css" rel="stylesheet"> in index.html

并删除
< link href =lib / ionic / css / ionic.css =stylesheet>

这篇关于为什么添加自定义SASS变量在Ionic中不起作用？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！