2015-07-11 25 views
3

的jQuery UI的護欄-5.0.5,薩斯護欄-5.0.3如何使用SCSS @import與目前的jQuery UI的護欄寶石版本

的jQuery UI的護欄-5.0 +改變了命名公約的資產。而不是jquery.ui。(無論),它現在是jquery-ui /(無論)。樣式表被命名(不管).css。這導致高度推薦的SASS @import選項失敗,而CSS要求繼續工作。

我今天早上一直在處理這個問題,並且在SASS-RAILS中追蹤了一個據說可行的答案,但沒有。這是包括與所需模塊核心和主題如下:

@import 'jquery-ui/core'; 
@import 'jquery-ui/datepicker'; 
@import 'jquery-ui/theme'; 

我想後,我發現這裏的答案,以防它幫助。

+0

它看起來並不像你遵循[jquery-ui-rails](https://github.com/joliss/jquery-ui-rails)的指示。他們的指示並不表示文件可以按照這種方式導入。 – cimmanon

回答

6

這工作,如果你還包括文件擴展名:

@import 'jquery-ui/core.css'; 
@import 'jquery-ui/datepicker.css'; 
@import 'jquery-ui/theme.css'; 

更新:我推這Heroku的,並沒有在那裏工作。經過一些調試之後,我確定在Heroku處理它們之前,我需要將它們重命名爲* .scss或* .scss.erb作爲主題。我將它們複製到我自己的資產來執行此操作。

+0

這不會做你認爲它的確如此(見:http://stackoverflow.com/questions/7111610/import-regular-css-file-in-scss-file) – cimmanon

+0

@cimmanon我想這取決於我認爲它的確如此。笑容。它確實包括使用導入和要求所需的文件,並且不會強迫我混合兩者。我不希望CSS文件以與處理SASS文件相同的方式進行處理。無論如何,這只是對https://github.com/joliss/jquery-ui-rails/issues/89#issuecomment-120641810中問題的精煉答案 –