したがって、yeoman によって作成された次のディレクトリ構造があります。
calvin % tree -L 2
.
├── Gruntfile.js
├── app
│ ├── 404.html
│ ├── bower_components
| | └── foundation
│ ├── favicon.ico
│ ├── index.html
│ ├── robots.txt
│ ├── scripts
│ ├── styles
| | ├── main.css
| | └── main.scss
│ └── views
├── bower.json
├── karma-e2e.conf.js
├── karma.conf.js
├── node_modules
│ ├── connect-livereload
│ ├── grunt
│ ├── grunt-concurrent
│ ├── grunt-contrib-clean
│ ├── grunt-contrib-coffee
│ ├── grunt-contrib-compass
│ ├── grunt-contrib-concat
│ ├── grunt-contrib-connect
│ ├── grunt-contrib-copy
│ ├── grunt-contrib-cssmin
│ ├── grunt-contrib-htmlmin
│ ├── grunt-contrib-imagemin
│ ├── grunt-contrib-jshint
│ ├── grunt-contrib-uglify
│ ├── grunt-contrib-watch
│ ├── grunt-google-cdn
│ ├── grunt-karma
│ ├── grunt-ngmin
│ ├── grunt-open
│ ├── grunt-rev
│ ├── grunt-usemin
│ └── matchdep
├── package.json
└── test
├── runner.html
└── spec
私のスタイル ディレクトリにはmain.scss、Gruntjs で構成されているように、コンパスによって監視されるファイルがあります。
ファウンデーションをインストールした後bower install foundation、ファウンデーション ファイルがbower_componentsディレクトリにダウンロードされます。ファウンデーション クラスを にインポートするにはどうすればよいmain.scssですか?
これはうまくいかないようです
@import "foundation";