###前提・実現したいこと
最近遅ればせながら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にはテストで以下のように記述しています。
scss
1@import "bourbon"; 2a{ 3 color: blue; 4 background: transparent; 5 @include transition(.1s); 6 &:hover,{ 7 background: blue; 8 } 9}
###試したこと
エラー内容から「単純にbourbonを読み込めていない?」と考え、
@importするためのパスを以下のように変えてみたのですが
scss
1 2@import "dev/sass/bourbon"; 3
そもそも
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
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/09/11 04:58