webpack試した

最近gulpでごにょごにょするやつをようやく使い始めたんだけどwebpackも気になっていたのでためしてみることにした．

大体tj氏のfrontend-boilerplateっていうのを参考にしたんだけど，そのまま使うと意味がわからなくなりそうだし，自分はまだReactとか使わないのでとりあえずコアのwebpackの部分だけ使ってみることにした．

github.com

• *-loader: *を読み込めるようにしてくれるくんという感じ．gulpのvinylを処理する１つ１つのモジュールのような感じがする．
  • css-loader: cssファイルをrequireできるようにする．url()とか@importとかが解決される．
  • style-loader: 流れてきたstyleファイルを良い場所にタイミングで挿入したりする．　
  • postcss-loader: 流れてきたstyleファイルにpostcssをかける．
  • file-loader: htmlファイルとかを読み込めるようになる．
• plugin: loaderに当てはまらない機能を追加する．browserSyncとか．

tj氏のwebpack.config.jsはセミコロンがついていなくて気持ち悪かったのだけれど，Twitterでつぶやいたらid:Pasta-K からstandardってやつじゃないかって教えてもらった．

github.com

今までeslintとか使ってたけどstandardのためのAtom pluginが有るのでそっちに乗り換えた．後発とか，勢いあるからか分からないけどなかなか良く出来ていて快適．しばらくはこれで行こうかなという気分．

まだいまいちentryの部分とか名前の部分の感じがつかめていないけどそれは追々という感じがする．この辺を見ると参考になりそう．

http://webpack.github.io/docs/optimization.html#multi-page-app