webpackã¨babelã¯ã¢ãã³ãªJavaScriptãæ¸ãã¦ãã人ãªãç¥ã£ã¦ããããããã¯ä½¿ã£ããã¨ãããã¨æã
webpackã¨babelã¯ã¢ãã³ãªJavaScriptãæ¸ãã¦ãã人ãªãç¥ã£ã¦ããããããã¯ä½¿ã£ããã¨ãããã¨æã
ãªãåå¿è 㯠webpackã解ããªãã®ãï¼- Why canât you understand the webpack? - from å¥äºº äºé¢ www.slideshare.net ãã®è¨äºããºã£ã¦ããã©ãããããªã人ãããããããªããªããã¨ããç¹ã§åé¡ã ã¨æã£ã¦ãã¦ãwebpack ã®ç®çã®æ¬è³ªçãªé¨åããæ´çããå¿ è¦ãããã¨æãã¾ãã (ãã¨å人ã webpack ã«ææ¦ãã¦ããã®ã§å ¥éè³æãå ¼ãã¦ã) Webpack ã®æ¬è³ªçãªé¨åã¯æ¬¡ã®3ã¤ã§ãããã以å¤ã¯å ¨é¨ãã¾ãæ©è½ã ã¨æã£ã¦ããã§ãã ES Modules ã®ã¨ãã¥ã¬ã¼ã node_modules ã®ãªã³ã« æ¡å¼µåãã¨ã®å¤å½¢ Webpack ãæ¬å½ã«ããããã㨠ããããã³ã¼ããããã¨ãã¾ãã // src/a.js export default () => console.log('hello'); // src/in
Transcript XFCQBDLͱ஥à¾ÍͳÎÍ 8F�"SF�+BWB4DSJQUFST��!��UI None XFCQBDLͱ஥à¾Íͳͬͯ⨠ÍÎÍ´ÖàµÞ®à½°Î⨠ÍÍÎÎÍʹͳÎͨÎͷࢿà¾Í°Í¢ XFCQBDLͱ஥à¾ÍͳÎલʹ⨠à§à¹ÎÝÎÍ¢Í͢Πà²Í´Í³Í´Îàªà°Í ͳÍà§ß¹ ÍÍ·ÎÎͰ͸ÝÍ®ÎÍ XFCQBDL�EBTICPSE IUUQT���HJUIVC�DPN�'PSNJEBCMF-BCT�XFCQBDL�EBTICPBSE CFGPSF BGUFS Ô¿Íà®ÎÎÍ·Í w� -PH��ÏÏ§Ï ÏϩηεͱΤϥÊϩάͷÙ࿥� w� 4UBUVT��ÏÏ§Ï ÏϩηεͷεÏÊλε� w� 0QFSBUJPO��ÏÏ§Ï ÏϩηεͰàµà©Í¢Îà²à°Í·à«¢à¡ï¿½ w� 1SPHSFTT��ÏÏ§Ï Í·à¨á¸¿à§Ú¯ï¿½ w� .PEVMFT��ÏδϡÊϧϦεÏҰཡʹαΠζͱÏÏ¯Ï Ï§Î±Î Î¶ï¿½ w� "TTFUT��ÏϧÏ
ã¯ããã« WebpackãES6風å³ã®JavaScriptãããã¦ä»ãã¹ã¦ã®ã¢ãã³ãªã¯ã©ã¤ã¢ã³ãå´éçºä½é¨ã®é²æ©ãã¾ã 試ãã¦ããªããªããWebpacker 3.0ã¯ãã¯ãããã®ã«çµ¶å¥½ã®æ©ä¼ã ã âDHH Rails 5.1 㧠Webpacker ãå°å ¥ãããRailsã§ãã¢ãã³ãªããã³ãã¨ã³ãéçºãç°¡åã«ã§ããããã«ãªãã¾ããã Webpackerã¯ãªãªã¼ã¹ããã©ãã©ãé²åãã¦ããã 3.0ã§ããã«ä½¿ãããããªãã¾ããã æ¬è¨äºã«ã¯2ã¤ã®ç®çãããã¾ã: Railsã®Asset pipeline(Sprockets)ãã¾ã£ãã使ç¨ããªãã¦ãRailséçºãå¯è½ã§ãããã¨ãå®è¨¼ããã㨠ã¢ãã³ããã³ãã¨ã³ãæªä½é¨ã®Railsã¨ã³ã¸ãã¢ã«åãã¦ãå®éã®ã³ã¼ããã¾ããã¤ã¤ãã¢ãã³ããã³ãã¨ã³ãéçºã®é°å²æ°ãä¼ããã㨠ã¾ããWebpackerã®æ¦è¦ãç¥ãããRailsã¨ã³ã¸ãã¢ã¸ã®æ©è½ã¨ä½¿ãæ¹
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}