我使用 -s 选项设置一个新的 ionic 项目来启用 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
但是,无论我在 scss 文件中放入什么内容,新的 css 文件似乎都完全相同。
你能解释一下为什么吗?
多谢。
真是太蠢了……
我没有注意到 SASS 生成了新的 csswww/css/ionic.app.css
但是,默认的 ionic 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">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)