JavaScriptのimport/export

JavaScriptͷ  import/export 2018-03-17 ໦ଜ ݑن

ΞδΣϯμ JavaScriptͷimport/export ES Modulesͷ࣮૷ঢ়گ webpack4͕ϦϦʔε Parcelͷ঺հ

ෳ਺ͷJavaScriptΛಡΈࠐΉ <html>  <body>  :  <script src="assets/jquery.min.js"></script>  <script src="assets/bootstrap.min.js"></script>  <script src="app.js"></script> 
</body>  </html>

ෳ਺ͷJavaScriptΛಡΈࠐΉ <html>  <body>  :  <script src="assets/jquery.min.js"></script>  <script src="assets/bootstrap.min.js"></script>  <script src="app.js"></script> 
</body>  </html> ଞݴޠͷJNQPSU΍JODMVEFʹ ֘౰͢Δػೳ͕ͳ͔ͬͨ

JavaScriptͷimport/export $PNNPO+4.PEVMFT &4.PEVMFT FYQPSUଆ YYYKT NPEVMFFYQPSUTYYY FYQPSUEFGBVMUYYY JNQPSUଆ JOEFYKT
DPOTUYYYSFRVJSF YYY JNQPSUYYYGSPNYYY

DPOTUYYYSFRVJSF YYY JNQPSUYYYGSPNYYY /PEFKT αʔόʔαΠυ+4 ͷ࢓༷

DPOTUYYYSFRVJSF YYY JNQPSUYYYGSPNYYY &$."4DSJQUͷ࢓༷

DPOTUYYYSFRVJSF YYY JNQPSUYYYGSPNYYY

ϒϥ΢βͷରԠঢ়گ JNQPSU+BWB4DSJQUc.%/ IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC+BWB4DSJQU3FGFSFODF 4UBUFNFOUTJNQPSU

Node.jsͰES Modules ֦ுࢠΛ͢΂ͯ .mjs ͱ͢Δ --experimental-modulesϑϥάΛࢦఆ ࢖͑Δ...͕ɺWarning͕දࣔ͞ΕΔ

όϯυϧπʔϧ ෳ਺ͷJavaScriptϑΝΠϧΛ  ͻͱͭʹ݁߹

όϯυϧπʔϧ πʔϧ ಛ௃ ରԠ CSPXTFSJGZ γϯϓϧ $PNNPO+4.PEVMFT XFCQBDL ଟػೳ
$PNNPO+4.PEVMFT &4.PEVMFT $44 *NBHFT

WebPack4͕ 2018-2-25 ʹϦϦʔε

webpack webpack4͔ΒઃఆϑΝΠϧͳ͠Ͱಈ࡞ CLIͰ࢖͏ʹ͸ webpack ͱ webpack-cli Λ࢖༻

ઃఆϑΝΠϧෆཁ js,cssͳͲͷґଘؔ܎Λ ௐࠪ͠τϥϯεύΠϧɾ όϯυϧΛߦ͏ > parcel index.html

JavaScriptのimport/export

JavaScriptのimport/export

Kazunori-Kimura

More Decks by Kazunori-Kimura

Other Decks in Technology

Featured

Transcript

JavaScriptͷ  import/export 2018-03-17 ໦ଜ ݑن

ΞδΣϯμ JavaScriptͷimport/export ES Modulesͷ࣮૷ঢ়گ webpack4͕ϦϦʔε Parcelͷ঺հ

ΞδΣϯμ JavaScriptͷimport/export ES Modulesͷ࣮૷ঢ়گ webpack4͕ϦϦʔε Parcelͷ঺հ

ෳ਺ͷJavaScriptΛಡΈࠐΉ <html>  <body>  :  <script src="assets/jquery.min.js"></script>  <script src="assets/bootstrap.min.js"></script>  <script src="app.js"></script>

ෳ਺ͷJavaScriptΛಡΈࠐΉ <html>  <body>  :  <script src="assets/jquery.min.js"></script>  <script src="assets/bootstrap.min.js"></script>  <script src="app.js"></script>

JavaScriptͷimport/export $PNNPO+4.PEVMFT &4.PEVMFT FYQPSUଆ YYYKT NPEVMFFYQPSUTYYY FYQPSUEFGBVMUYYY JNQPSUଆ JOEFYKT

JavaScriptͷimport/export $PNNPO+4.PEVMFT &4.PEVMFT FYQPSUଆ YYYKT NPEVMFFYQPSUTYYY FYQPSUEFGBVMUYYY JNQPSUଆ JOEFYKT

JavaScriptͷimport/export $PNNPO+4.PEVMFT &4.PEVMFT FYQPSUଆ YYYKT NPEVMFFYQPSUTYYY FYQPSUEFGBVMUYYY JNQPSUଆ JOEFYKT

JavaScriptͷimport/export $PNNPO+4.PEVMFT &4.PEVMFT FYQPSUଆ YYYKT NPEVMFFYQPSUTYYY FYQPSUEFGBVMUYYY JNQPSUଆ JOEFYKT

ΞδΣϯμ JavaScriptͷimport/export ES Modulesͷ࣮૷ঢ়گ webpack4͕ϦϦʔε Parcelͷ঺հ

ϒϥ΢βͷରԠঢ়گ JNQPSU+BWB4DSJQUc.%/ IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC+BWB4DSJQU3FGFSFODF 4UBUFNFOUTJNQPSU

Node.jsͰES Modules ֦ுࢠΛ͢΂ͯ .mjs ͱ͢Δ --experimental-modulesϑϥάΛࢦఆ ࢖͑Δ...͕ɺWarning͕දࣔ͞ΕΔ

ΞδΣϯμ JavaScriptͷimport/export ES Modulesͷ࣮૷ঢ়گ webpack4͕ϦϦʔε Parcelͷ঺հ

όϯυϧπʔϧ ෳ਺ͷJavaScriptϑΝΠϧΛ  ͻͱͭʹ݁߹

όϯυϧπʔϧ πʔϧ ಛ௃ ରԠ CSPXTFSJGZ γϯϓϧ $PNNPO+4.PEVMFT XFCQBDL ଟػೳ

όϯυϧπʔϧ πʔϧ ಛ௃ ରԠ CSPXTFSJGZ γϯϓϧ $PNNPO+4.PEVMFT XFCQBDL ଟػೳ

WebPack4͕ 2018-2-25 ʹϦϦʔε

webpack webpack4͔ΒઃఆϑΝΠϧͳ͠Ͱಈ࡞ CLIͰ࢖͏ʹ͸ webpack ͱ webpack-cli Λ࢖༻

ΞδΣϯμ JavaScriptͷimport/export ES Modulesͷ࣮૷ঢ়گ webpack4͕ϦϦʔε Parcelͷ঺հ

ઃఆϑΝΠϧෆཁ js,cssͳͲͷґଘؔ܎Λ ௐࠪ͠τϥϯεύΠϧɾ όϯυϧΛߦ͏ > parcel index.html

ΞδΣϯμ JavaScriptͷimport/export ES Modulesͷ࣮૷ঢ়گ webpack4͕ϦϦʔε Parcelͷ঺հ