如何用sass導入jquery ui主題

我正在嘗試將jquery UI主題導入到我的主app.css中。這是迄今已完成：如何用sass導入jquery ui主題

bower.json

{ 
    "name": "Softverk Webportal", 
    "dependencies": { 
    "jquery": "~2.1.1", 
    "jquery-ui":"~1.11.4", 
    }, 
    "resolutions": { 
    "jquery": "~2.1.1", 
    } 
}

_jquery_ui.scss

@import url("../../../assets/bower_components/jquery-ui/themes/base/all.css");

app.scss

@import "jquery_ui";

在我頂嘴任務咕嚕聲看起來像這樣：

sass: { 
      options: { 
       includePaths: [ 
        'assets/bower_components/jquery-ui/themes/base', 
       ] 
      }, 
      dist: { 
       options: { 
        outputStyle: 'compressed', 
        sourceComments: 'map', 
        sourcemap: 'file' 
       }, 
       files: { 
        'assets/css/app.min.css': [ 
         settings.template.path + 'scss/app.scss', 

        ] 
       } 
      } 
     },

但是，當編譯時，jquery的用戶界面的類都沒有拿起。我的sass版本是：

Sass 3.4.13 (Selective Steve)

任何人都可以建議如何使用jQuery UI與grunt/sass？

來源

2015-04-20 Shrouk Khan

由於沒有任何迴應，谷歌搜索是不是非常有幫助，我最後做的：

'sass-convert': { 
     /** 
     * NOTE: make sure to change the images to something like this: 
     * background-image: url("images/ui-icons_444444_256x240.png") --> background-image: url($template-path +"images/ui-icons_444444_256x240.png"); 
     * */ 
     options: { 
      from: 'css', 
      to: 'scss' 
     }, 
     files: { ///home/khan/www/softverk-webportal-remaxth/assets/bower_components/jquery-ui/themes/base 
      cwd: 'assets/bower_components/jquery-ui/themes/base/', 
      src: 'jquery-ui.css', 
      filePrefix: '_', 
      dest: settings.template.path + 'scss/' 
     } 

    },

grunt.registerTask('default', [ 'sass-convert');

產生_jquery-ui.scss，這是然後添加到app.scss像這樣：

@import "jquery-ui";

也在package.json中，make sur E以添加：

"grunt-sass": "~0.12.1", 
"grunt-sass-convert":"~0.2.0", 

#npm install

來源

2015-04-21 03:03:12

我所做的是簡單地導入CSS文件中我screen.scss文件中這樣的symfony項目：

@import」 ../../../ .. /../bower_components/jquery-ui/themes/vader/jquery-ui.css「;

它工作。

來源

2017-03-09 21:06:57

如何用sass導入jquery ui主題

回答

相關問題