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

From RequireJS to Webpack

RIDI
November 03, 2017

From RequireJS to Webpack

발표자: 스토어팀 조규진

RIDI

November 03, 2017
Tweet

More Decks by RIDI

Other Decks in Technology

Transcript

  1. • ݽٚ ݽٕ੉ ౵ੌ • ੘਷ ױਤ੄ ઺ࠂ ઁѢо ੗ਬ܂૑

    ঋ׮ • ೤୛ࢲ ࠽٘ೞ۰ݶ concat ೧ঠೠ׮ (dependency ҅࢑ X) • ࢜۽ بੑೠ Vue.js ੸ਊ ಕ੉૑ח webpackਵ۽ ࠽٘ 
 ⟶ ӝઓ ݽٕҗ ഐജ੉ ө׮۽਑
  2. • ݽٕ dependency ӝળਵ۽ ߣٜ • babel ١ ׮নೠ loaderܳ

    ా೧ ߣٜ җ੿ীࢲ ߸ഋ ੸ਊ оמ webpack
  3. • Bower ઁѢ && webpack && ES6 زदী ੸ਊ •

    झప੉૚ పझ౟݅ 3ߣ… ೧ب ೧ب ࠛউೣ • ߓನ റ উ٘۽੉٘ীࢲ ׮਍۽٘ ੘ز ী۞ • webpack → Bower ઁѢ → ES6 ࣽਵ۽ ੸ਊ೮׮ݶ?
  4. • ES3ীࢲ ES ৘ডযܳ foo.keyword, {keyword: ‘foo’} ৬ э੉ ࢎਊೡ

    ࣻ হ਺ • ௼ۨ݃ח উ٘۽੉٘ 4.0.x ੋؘ ES3 babel-polyfill VueJS
  5. • moduleIdо ҅ࣘ ߸҃غח ޙઁ • ࠽٘ റ ౵ੌ ױਤ۽

    ߓನೞח दझమ
 (੉ߣ ઱ deployer بੑ ) ੉Ѣ ߓನೞח Ѣ ݏইਃ?
  6. • async import • ridibooks.com / static.ridibooks.com • xxx.dev.ridi.io •

    config.local.php $STATIC_URL ଵઑ೧ࢲ webpack.local.js ࢤࢿ
  7. • ԇؘӝ݅ ES6ੋ ݽٕٜ refactor • VueJS ੸ਊ ഛ؀ (GNB,

    ࢚ࣁಕ੉૑ दܻૉ ܻझ౟ ١) • jQuery ୭ࣗച…. • ૑ࣘ੸ੋ ѐߊജ҃ ѐࢶ