refirio.org

SASS、Gulp、Laravel Mix など

■SASS WebpackでJavaScriptを扱うのは容易だが、CSSを扱うのは厄介みたい WebpackではCSSも画像もJavaScriptに変換して1ファイルとして読み込まれる 果たしてここまですべきなのかは疑問 「脱Webpack」の時代が来たときに厄介な負債となりそう なんとなくで理解しないWebpackのCSS周辺 - Qiita https://qiita.com/inuscript/items/0574ab1ef358fecb55b9 webpack 3入門：スタイルシート(CSSやSass)を取り込む方法 - Qiita https://qiita.com/clockmaker/items/8fab54c93e84001846b0 ■Gulp Webpack単体ではなく、Gulpと組み合わせて使うこともできるみたい ただし、これならWebpackを使わずにGulpで完結させるほうが楽のような gulpとbabelとwebpackというフロント開発３銃士 - Qiita https://qiita.com/bakira/items/3c4e2d10aae085767817 webpack + Gulp + Babelな開発環境の作り方メモ | よしあかつき https://yosiakatsuki.net/blog/try-webpack-gulp/ JavaScriptの変換のみにWebpackを使い、他をGulpで行う…という使い方が紹介されている GulpではTypeScriptは使えるが、純粋なES6→ES5変換は使えない…とか？ ただし、ECMAScript2015として記述したコードは原則TypeScriptとしても実行可能らしい Gulpで始めるwebpack 4入門 - Qiita https://qiita.com/tonkotsuboy_com/items/2d4f3862e6d05dc0bea1 ■Laravel Mix Laravel Mixから使うのが便利らしい？ みたところ、SASSもJavaScriptではなくCSSファイルとして書き出せているみたい （もとは Laravel-Elixir と呼ばれていた） アセットのコンパイル(Laravel Mix) 5.5 Laravel https://readouble.com/laravel/5.5/ja/mix.html Laravel Elixir 5.1 Laravel https://readouble.com/laravel/5.1/ja/elixir.html 他のフレームワークでも使える Laravel-Elixir - localdisk http://localdisk.hatenablog.com/entry/2015/11/20/212236