質問: ### 前提・実現したいこと 最近遅ればせながらsassを使い始めた者です。(gulp-sassでコンパイルしています) コーディングのさらなる効率化を目指して Bourbonの導入を考えたのですが、どうもうまくいきません。 通常のgulpのパッケージと同様に プロジェクトのルートディレクトリで "npm install node-bourbon--save dev" とし、style.scssに@import bourbon; とするだけでは使えないのでしょうか?? ちなみに他のgulpパッケージについては、 プロジェクトのルートディレクトリでnpm install → gulpfile.jsにタスクを追加 で問題なく動作しています。 開発環境の階層は以下のようになっています。 ``` _source/(projectroot) ├ dev/ │ └sass/ │ └style.scss ├ htdocs/ │ └assets/ │ └css/ │ └style.css ├ node_modules/ └ gulpfile.js ``` ### 発生している問題・エラーメッセージ コマンドプロンプトには以下のように表示されています。 ``` Message: dev\sass\style.scss Error: File to import not found or unreadable: bourbon Parent style sheet: D:/work/clientname/brandname/_source/dev/sass/style.scss on line 12 of dev/sass/style.scss >> @import "bourbon"; ``` ### 該当のソースコード style.scssにはテストで以下のように記述しています。 ``` @import "bourbon"; a{ color: blue; background: transparent; @include transition(.1s); &:hover,{ background: blue; } } ``` ### 試したこと エラー内容から「単純にbourbonを読み込めていない?」と考え、 @importするためのパスを以下のように変えてみたのですが ``` @import "dev/sass/bourbon"; ``` そもそも sassフォルダの中にbourbonのファイルらしきものも見当たらず。。。 package.jsonにも"node-bourbon": "^4.2.8", の記述は入っているため、 インストール自体は問題なくされていると思うのですが。。。 ご存知の方がいらっしゃったなら、ご教示頂きたい次第です。 よろしくお願いいたします。 ### 補足情報(言語/FW/ツール等のバージョンなど) それぞれのバージョンは以下のとおりです > > npm 3.5.2 > > node v5.2.0 > > gulp 3.9.1 > > node-bourbon 4.2.8 > > >
回答: > > `npm install node-bourbon--save dev` > > > 正確には`npm install node-bourbon --save-dev`でしょうかね。 新しいパッケージを取り込む`npm install`コマンドは以下の事をやってくれます。 * package.jsonの依存ライブラリに書き込む(--save-devの効果) * npde_modulesフォルダを生成し、その中にインストールしたライブラリを格納する 一番重要な「**sassにincludePathsの指定を行う事**」がまだです。 この前提を知っていれば、 yukkeorgさんが貼り付けてくれたnode-bourbonのUsageを見ながら簡単に解決させられると思います。