お世話になります。
現在Flywheelとgulpでwordpressテーマを作成しています。
自分で作ったscssファイルとBootstrap4のscssファイルをstyle.cssに吐き出したいのですが、
エラーになってしまいます。
現在のディレクトリ
Local Site
├ node_modules
└ package.json
├ package-lock.json
├ project
│ ├ app
│ │ └ public
│ │ │ ├ wp-content
│ │ │ . └ themes
│ │ │ . └ Original_Thema
│ │ │ . ├ node_modules(シンボリックリンク)
│ │ │ . ├ gulpfile.js
│ │ │ . ├ scss
│ │ │ . .
│ │ │ . .
│ │ │ . └ style.css
│ │ │ .
│ └── logs
Local Siteにnode_modulesを置き、テーマ内にnode_modulesのシンボリックリンクを配置しています。
親のnode_modulesにnpm installでBootstrapをインストールしたのですが、
そこからどうしていいのかわかりません。
Local by Flywheelではなく、MAMPで静的ページを作成した時は、
@import "../node_modules/bootstrap/scss/bootstrap.scss";
でインポートでき、style.cssに吐き出すことができたのですが、
同じようにすると下記エラーが出ます。
Error in plugin "sass" Message: scss/style.scss Error: File to import not found or unreadable: ../node_modules/bootstrap/scss/bootstrap.scss. on line 13 of scss/style.scss >> @import "../node_modules/bootstrap/scss/bootstrap.scss";
@importのバスをnode_modules/bootstrap/scss/bootstrap.scssにしても変わらずでした。
まだgulpに手を出したばっかりで頭を抱えています。
できればインポートで必要なscssのみ吐き出しできたらいいなと思っています。
何卒よろしくお願いいたします。
あなたの回答
tips
プレビュー