Scss

Phoenix Framework に Bootstrap を導入する

Category: Phoenix
期待の新人 N.M.
期待の新人 N.M.

以前書きました、Phoenix Framework 上で Sass の環境を構築する方法という記事の続きで、 Phoenix Framework に Bootstrap を導入する方法をご紹介したいと思います。

開発環境

  • Ubuntu: 19.04
  • Phoenix: 1.4.9
続きを読む

Phoenix Framework 上で Sass の環境を構築する方法

Category: Phoenix
期待の新人 N.M.
期待の新人 N.M.

Phoenix Framework はデフォルトで Sass を表記する仕様になっておりません。 Sass を使用できるようにするためには、多少手間がかかるため、その方法をご紹介したいと思います。 なお、以下では SCSS 記法を使用しております。

開発環境

  • Ubuntu: 19.04
  • Hex: 0.20.1
  • Elixir: 1.9.1
  • OTP: 21.3
  • Phoenix: 1.4.9

※Phoenix 1.3 まではフロントエンドビルドツールとして Brunch が使用されてきましたが、Phoenix 1.4 以降では webpack が採用されています。 そのため、Phoenix 1.4 以前のバージョンを使用される方は、以下の方法で scss を Phoenix で使用できるようにはなりませんので、ご注意ください。

続きを読む
Tags: Sass SCSS WebPack