読者です 読者をやめる 読者になる 読者になる

半空洞男女関係

思ったこととかプログラミングしてるときのメモとか色々かいてます。メールはidそのままgmail

レッツプッシュ購読

webpack試した

webpack プログラミング frontend JavaScript

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

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

github.com

  • *-loader: *を読み込めるようにしてくれるくんという感じ.gulpのvinylを処理する1つ1つのモジュールのような感じがする.
    • 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