私のプロジェクトの 1 つで、Bower (normalize-scss) を使用して追加した追加の SCSS を使用したいと考えています。gruntfile のコンパス構成は次のようになります (バックボーン ジェネレーターによって作成されます)。
compass: {
options: {
sassDir: '<%= yeoman.app %>/styles',
cssDir: '.tmp/styles',
imagesDir: '<%= yeoman.app %>/images',
javascriptsDir: '<%= yeoman.app %>/scripts',
fontsDir: '<%= yeoman.app %>/styles/fonts',
importPath: '<%= yeoman.app %>/bower_components',
relativeAssets: true
},
dist: {},
server: {
options: {
debugInfo: true
}
}
}
メインの scss ファイルには次のものがあります。
@import: 'normalize';
gruntfile のインポート パスを次のように変更すると、
importPath: ['<%= yeoman.app %>/bower_components', '<%= yeoman.app %>/bower_components/normalize-scss'],
動作しますが、ここに必要なすべてのディレクトリを配置するのは避けたいと思います。次のようなことができれば、より移植性が高くなるように思えます。
importPath: '<%= yeoman.app %>/bower_components/**'
しかし、それは警告で失敗します: You must compile individual stylesheets from the project directory.
.