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

大規模なWebの開発手法

 大規模なWebの開発手法

vsLTというLTイベントで話をしたスライドになります。
isomorphicの話とcode splittingの話をしました。

Kono Junya

May 29, 2018
Tweet

More Decks by Kono Junya

Other Decks in Technology

Transcript

  1. Dynamic import const main = () => { const lib

    = import(“./lib”) lib() } ඇಉظΛPromiseͰಡΈࠐΈ͢Δɻ ͜ΕʹΑͬͯɺbundle.jsʹ͸require͢Δίʔυ͕ు͔ΕΔɻ
  2. ϑΝΠϧαΠζͷܭଌ import moment from “moment” const getDate = () =>

    { return moment().format(“YYYY/MM/DD“) } export default getDate ReactͰ͍͏ͱɺͦͷϖʔδͷίϯϙʔωϯτ heavy.js
  3. ϑΝΠϧαΠζͷܭଌ import heavy from “./heavy” const main = () =>

    { console.log(“Today is…”) console.log(heavy()) } main() ී௨ʹimportͯ͠ɺ࣮ߦͯ͠ΈΔɻ main.js 619KB
  4. ϑΝΠϧαΠζͷܭଌ const getDate = () => import(“./heavy”) const async main

    = () => { console.log(“Today is…”) const m = await getDate() console.log(m.default()) } main() Dynamic importͯ͠ΈΔ code_splitting.js 7.9KB