Jquery ui 如何使用sass导入jqueryui主题

我正在尝试将jquery UI主题导入到我的主app.css中。这是迄今为止所做的工作：

bower.json

_jquery_ui.scss

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

app.scss

@import "jquery_ui";

我在grunt中的sass任务如下所示：

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',

                    ]
                }
            }
        },

@import "jquery-ui";

但是，在编译时，没有一个jQueryUICSS类被选中。我的sass版本是：

Sass 3.4.13 (Selective Steve)

---

有人能建议如何在grunt/sass中使用jquery UI吗？

由于没有任何响应，而且谷歌搜索也没有太大帮助，我最终做了以下工作：

'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，如下所示：

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',

                    ]
                }
            }
        },

@import "jquery-ui";

同样在package.json中，确保添加：

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

#npm install

---

我所做的只是将css文件导入symfony项目中的screen.scss文件，如下所示：

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',

                    ]
                }
            }
        },

@import "jquery-ui";

@导入“../../../../../../bower_组件/jquery ui/themes/vader/jquery ui.css”

它成功了