Upgrade to Pro — share decks privately, control downloads, hide ads and more …

pitch loaderについて

pitch loaderについて

rchaser53

March 09, 2018
Tweet

More Decks by rchaser53

Other Decks in Programming

Transcript

  1. loader の処理順 { test: '/.js$/', use: [ 'abc-loader', 'def-loader' ]

    } 1. def-loader 2. abc-loader ではない正確にはpitch loader が先に実行される
  2. default loader の前に実行されるoptional なloader // webpack.config.js { test: '/.js$/', use:

    [ 'abc-loader', 'def-loader' ] } 以下が正しい処理順 1. abc-loader -- pitch 2. def-loader -- pitch 3. (read the sources) 4. def-loader -- default 5. abc-loader -- default
  3. 値を返すとdefault loader まで処理が省略される module.exports = { pitch: function() { //

    値 返 default 処理 省略 // 返 値 String Buffer return 'something' // 非同期 // const callback = this.async(); // callback(null, 'something'); // return 何 返 (undefind) 次 loader 処理 移 } default: function(sources) { return sources[0] // Array 来 単純 return } }
  4. 値を返すとdefault loader まで処理が省略される 例2 abc-loader pitch return def-loader pitch return

    "somethingA" def-loader default ( 省略) abc-loader default return "somethingB"
  5. 値を返すとdefault loader まで処理が省略される 使用例 cache-loader 1. pitch loader でcache と依存ファイルのmtime

    を比較 2. 差異がない場合はcache を読みこみreturn 3. defalult loader でそれまでの生成物と依存ファイルの path 、mtime からcache を作成
  6. 参考リンク 公式ページ( かなり充実している) Documentation for pitch vs normal loader isn't

    very clear UNIX/Linux の部屋 用語集: タイムスタンプ cache-loader