Question

将SASS版本中的Bootstrap集成到我的项目中时，我遇到了一个奇怪的错误，其中一些CSS规则似乎不适用甚至是错误的。花了我几个小时才发现它实际上是由创建.scss-cache的SCSS编译器引起的。如果我让编译器新创建CSS文件（在删除缓存文件夹之后）一切正常，但是一旦我进行SCSS更改，它显然会将信息从缓存中加载到奇怪的扁平值，有时甚至完全改变了十六进制颜色和字体大小。

我认为SASS安装中的精度是问题，并改变了数字.rb就像那样：

def self.precision
  @precision ||= 10
end

那没有改变这个问题。我可以改变SASS，这样它就不会创建任何缓存，但必须有更好的方法来做到这一点。我真的不明白为什么在css文件中会出现这种奇怪的现象。

以下是其中一些顺便说一句：

-/* line 353, C:/Users/Weidler/CloudStation/git/GitHub/thegreatdictation/code/scss/../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */
+/* line 353, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */
 .form-group-lg .form-control {
-  height: 36px;
+  height: 46px;
   padding: 10px 16px;
-  font-size: 14px;
-  line-height: 1;
+  font-size: 18px;
+  line-height: 1.33333;
   border-radius: 6px;
 }
-/* line 360, C:/Users/Weidler/CloudStation/git/GitHub/thegreatdictation/code/scss/../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */
+/* line 360, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */
 .form-group-lg select.form-control {
-  height: 36px;
-  line-height: 36px;
-}
-/* line 365, C:/Users/Weidler/CloudStation/git/GitHub/thegreatdictation/code/scss/../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */
+  height: 46px;
+  line-height: 46px;
+}
+/* line 365, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */
 .form-group-lg textarea.form-control,
 .form-group-lg select[multiple].form-control {
   height: auto;
 }
-/* line 368, C:/Users/Weidler/CloudStation/git/GitHub/thegreatdictation/code/scss/../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */
+/* line 368, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */
 .form-group-lg .form-control-static {
-  height: 36px;
-  min-height: 28px;
+  height: 46px;
+  min-height: 38px;
   padding: 11px 16px;
-  font-size: 14px;
-  line-height: 1;
-}
-
-/* line 382, C:/Users/Weidler/CloudStation/git/GitHub/thegreatdictation/code/scss/../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */
+  font-size: 18px;
+  line-height: 1.33333;
+}
+
+/* line 382, ../bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_forms.scss */
 .has-feedback {
   position: relative;
 }

+表示它在工作文件中 - 意味着它在不工作的文件中在这两个文件中没有任何意义

Answer 1

好吧，我确实没有找到一个让我满意的解决方案，但我让它为我工作。问题似乎是事实，Scout，我用来实时编译sass / scss代码的应用程序，使用旧版本的sass，这样你就无法修改精度或其他任何东西。

虽然更改为Koala（另一个应用程序，甚至可以选择sass版本/编译器）但一切正常。

所以它似乎是一个Scout问题，遗憾的是软件也不再更新了。无论如何，Tbh Koala看起来更复杂。

Sass Cache破坏了SCSS值

1 个答案: