GruntやGulpなどのタスクランナーツールでは一般的ですが、WebpackだけでBrowsersyncをベースにSassのコンパイルを試してみました。 そもそもWebpackに触れるについては、当初はやや億劫でした(汗 ローダーという仕組みについての理解不足、日本語ドキュメントの少なさ、そしてなんといっても大艦巨砲主義と揶揄されるようなオプションの多さが理由です。とにかく調べるのが大変そうなイメージでした。また本業がWebサイト制作メインなので、Gulpで十分なのでは?という気もしてます。 しかし前々からES6の導入とvue.jsを使う上でベストな環境を構築したかったのと、Rebuild.fmと例の記事に触発されて腰を上げて調べてみようと思いました。 準備 Webpackへの理解が圧倒的に足らないので自分なりに調査をするところから。大雑把なまとめとして、 Webpackはビルドツールで
![Webpackで Browsersync + Sassコンパイルを試す - aircolor memolog](https://cdn-ak-scissors.b.st-hatena.com/image/square/51bba934ff01cab815ac8acd7d1fa904b84cb05f/height=288;version=1;width=512/https%3A%2F%2Fblog.st-hatena.com%2Fimages%2Ftheme%2Fog-image-1500.png)