Gulp-CSScombについて

Question

前提・実現したいこと

現在コーティングに「Dreamweaver」を使用しているのですが、
「Dreamweaver」では「Sass」のコードの整形が出来ない為
Gulp-CSScombを使用しました。

しかし、「CSScomb」でコードを整形すると外部から変換される為か、
「取り消し(Ctrl+Z)」が出来なくなってしまうので、気軽にコードの整形出来ない状況です。

その為、本当は「watch」機能を使用して保存する度に整形したいのですが、
ミスったときが怖いのでもう大丈夫だろうという状況になるたびに
わざわざ「コマンドプロント」から手動で起動しています。

Dreamweaverを使っているとこの問題からは逃れられないのでしょうか?
それとも私のやり方がおかしいのでしょうか?
もし私のやり方がおかしいのならば解決方法を教えていただけると助かります。

Answer 1

gulp.dest() でソースファイル → 公開ファイル に書き出すようにすれば良いです。
タスクランナーでコンパイルする場合、そうするのが通常です。

Comments

[kihara]

gulpはあまり詳しくなくやり方が分からないので、
もしよろしければやり方を教えていただけると助かります。

[takna]

[初めてのGulp入門 ~gulpfile入門~ - Qiita](https://qiita.com/y_sekitoba/items/363eae906925ada83289)

gulpはすでに導入済みとのことですし、Sassのタスク作るだけなら簡単だと思いますのでぜひ試してみてください。

[kihara]

これを使えばgulpでcss-combを使ってもDreamweaverでsassファイルに「取り消し(Ctrl+Z)」を使ってcss-combをかける前の状態に戻れるようになるということでしょうか?

[takna]

はい。タスクでソースファイルは読み込まれるだけなので。

Answer 2

Dreamweaverでもsassの整形はできたように思いますが・・・。
もしかして、sassが整形できない、古いバージョンをお持ちということでしょうか？
Sassを整形できるアプリケーション（もしくはsass対応のDreamweaver）に乗り換え、
Gulpでは、watchで、sass→cssのコンパイルのみをさせるようにするしかないかと・・・。
もしくは、sassのスニペットなどは諦め、自分で覚えて、お持ちのDreamweaver上でsassファイルを編集し、
watchで、保存時にコンパイルさせるとかでしょうか。

Comments

[kihara]

もしかしたら私の文章で勘違いさせてしまったのかもしれないので、
補足しますとコードを綺麗に整形するソースフォーマットの適用のことを
言っていたのですが、それは出来ますでしょうか?
CC2018を使用しています。

[miyabi_pudding]

うお、最新でしたね。
確かに、そういったことなら、外部で実行してたら、
Ctr+zでは戻れませんね・・・。

https://qiita.com/eturlt/items/c66c0f3192bc4e366cf3

上記記事と同じことをされてるという認識で合っていますか？

[kihara]

はい合っています。

[miyabi_pudding]

すみません、それだと、難しいかも・・・。
Dreamweaver上で、コード整形する方法を探すか、
自分で書く時に、ご自身で綺麗に書くよう気をつけるかのどちらかにするしかないかと思います。

引き続き、私の方でも探してみます。

[kihara]

返信遅れてすみません。
残念ですが諦めるしかないのですかね。ありがとうございます。