0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Foundation6(Apps)で、Sassの出力先を変更する方法と問題点

Last updated at Posted at 2018-04-02

#前置き
Foundation-siteを選択した場合はConfig.ymlにて出力先のパスを変更できるので、以下の内容は該当しません。

#環境
OS CentOS7
Foundation-Cli 2.2.5

#Foundationのインストール

作業ディレクトリに移動して
foundation new
を実行。インストールする種類とプロダクション名を聞かれるのでそれぞれ選択&入力する。

#ここからが本題

##困ったこと

Foundation自体でWebを公開したいわけではなかったので、Foundationで作成したプロジェクトとそれを使いたいWebのディレクトリは別で作成しました。

ところが、FoundationにはSassコンパイル後の出力先を設定するような項目がないようなのです。

これでは、Sassファイル編集後に
Foundation watch
で、作成されるコンパイル済みのCSSやJSをWebのディレクトリに移動させるという手間が発生してしまいます。

##やりたいこと
Foundation watch
で生成されるCSS、JSの出力先を変更したい!

##やったこと
gulpfile.js を直接編集しました。

var paths で定義されている変数の最後に

  build: './../../../../../public/foundation/',

を追加します。
そして、

'build'
や
'./build'

になっているところを

paths.build

に修正します。結構あります。
※'build/xxxx/xxxxx' のような場所はJSの文字列結合を使って、
 paths.build+'/xxxx/xxxxx'
 にします。

#問題点
おそらくFoundationの重要なシステムファイルであろうgulpfile.jsを直接編集したので、Foundationのアップデートをしようとした際に何か問題が発生したり、gulpfile.jsを都度修正しなおさないといけなかったりする可能性があります。


上記方法でやりたいことは実現できたのですが、そもそも出力先が変更できないとか普通に考えてないだろうとも思っています。
なので、きっと何か方法があるのではないでしょうか。
(スミマセン。アマリシラベテナイノデス。)
知っている人、是非教えてやってください。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?