Question

我已经从COMPASS转移到Libsass，速度很快，但我需要使用一些凉亭组件来实现这一点。

它可能有点迂腐，但我必须在我的scss文件的顶部导入我的组件。

   @import "../bower_components/compass-mixins/lib/compass";
   @import "../bower_components/susy/sass/susy";

这很难看，有没有办法通过grunt或别名导入它们，所以我可以做

 @import "compass";
 @import "susy";

Answer 1

要管理您的依赖项，您可以使用 Grunt Wiredep （https://github.com/stephenplusplus/grunt-wiredep）自动添加 main.scss 文件中的文件。

将main.scss添加到您的wiredep配置中。

wiredep: {

  task: {    

    src: [
      'app/styles/main.scss',  // .scss & .sass support...
    ]
  }
}

然后在 main.scss 文件中弹出此内容。

// bower:scss
// endbower

希望能帮到你！

Answer 2

在这种情况下，我只是使用grunt和Gruntfile.js，通过添加loadPath和bower_components文件夹的位置，它与我的案例中的项目处于同一级别：

import java.util.ArrayList;
import java.util.List;

public class SongDriver
{

    public static void main(String[] args)
    {
        Song song1 = new Song();
        Song song2 = new Song();
        Song song3 = new Song();

        song1.setTitle("song1");
        song2.setTitle("help");
        song3.setTitle("song3");

        List<Song> songs = new ArrayList<Song>();
        songs.add(song1);
        songs.add(song2);
        songs.add(song3);

        for (int i = 0; i < songs.size(); i++)
        {
            Song song = songs.get(i);
            if (song.getTitle().equals("help"))
            {
                System.out.println("Help is found at index " + i);
            }
        }

    }

}

将您的@import部分更改为：

    sass: {
        dev: {
            options: {
                style: 'expanded',
                compass: false,
                loadPath: 'bower_components'
            },
            files: {
                '<%= project.css %>/style.css': '<%= project.scss %>/style.scss'
            }
        }
    },

Sass进口凉亭组件

2 个答案: