为什么添加自定义SASS变量在Ionic中不起作用？

Question

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

这是我的/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:

[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文件.

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

Answer 1

这真是太愚蠢了......

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

唯一要做的就是写入 <link href="css/ionic.app.css" rel="stylesheet">index.html

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