Dreamweaver でSass/SCSSを

Dreamweaver でSass/SCSSを

Adobe Dreamweaver CC(2017以降)で Sass/SCSSをコンパイルする方法。

See the Pen Sass Sample by Hiro Iruya (@leo-loki) on CodePen.

Adobe Dreamweaver CC 2017版から、SASS/SCSSやLESSがコンパイルできるようになりました。

標準設定では、ファイルの拡張子を「ファイル名.sass」等にして保存すれば、同じ保存場所にコンパイルされたCSS「ファイル名.css」が出来上がります。
以後はSASSファイルを修正・保存すれば、CSSも自動的に上書きされます。

サイト管理からコンパイルする場所を変更することもできます。

私個人としては{}を使うSCSSのほうが好きですが。

コメントはお気軽にどうぞ!

ここがBEFORE

CAPTCHA


上記の内容で問題なければ、下記「コメントを送信する」ボタンを押してください。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)