[B! webpack] xai1981ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

xai1981 id:xai1981

webpackã«é–¢ã™ã‚‹xai1981ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã€æ„è¨³ã€‘Webpackã®æ··ä¹±ãƒã‚¤ãƒ³ãƒˆ - Qiita
ã“ã®è¨˜äº‹ã¯Webpackâ€Šâ€”â€ŠThe Confusing Partsã‚’ã€ç†è€…ã®è¨±è«¾ã‚’å¾—ã¦æ„è¨³ã—ã¦ã„ã¾ã™ã€‚ ä½•ã‹èª¤ã‚ŠãŒã‚ã‚Šã¾ã—ãŸã‚‰ã€ã”æŒ‡æ‘˜ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ (ä»¥ä¸‹ã€è¨³) Reactã¨Reduxã§ä½œã‚‰ã‚ŒãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¨ã£ã¦ã€Webpackã¯æœ€å…ˆç«¯ã‚’è¡Œããƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãƒãƒ³ãƒ‰ãƒ©ã§ã™ã€‚Angluar2ã‚„ãã®ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã£ã¦ã„ã‚‹äººã€…ã¯ã€ãŸã„ã¸ã‚“Webpackã®ãŠä¸–è©±ã«ãªã£ã¦ã„ã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚ ç§ãŒåˆã‚ã¦Webpackã®è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’è¦‹ãŸæ™‚ã€ãã‚Œã¯ã•ãªãŒã‚‰å®‡å®™äººã®ã‚ˆã†ã§éžå¸¸ã«ã‚ã‹ã‚Šã¥ã‚‰ãè¦‹ãˆã¾ã—ãŸã€‚ã—ã°ã‚‰ãè©¦ã—ã¦ã„ã‚‹ã†ã¡ã«ã€ä»Šã§ã¯æ¬¡ã®ã‚ˆã†ã«è€ƒãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚Webpackã¯å˜ã«ç‹¬ç‰¹ã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã¨æ–°ã—ã„å“²å¦ã‚’æŒã£ã¦ãŠã‚Šã€ãã‚ŒãŒã¨ã£ã¤ãã«ãã•ã®åŽŸå› ã«ãªã£ã¦ã„ã‚‹ã®ã ã¨ã€‚å¶ç™ºçš„ã¨ã¯ã„ãˆã€ã“ã‚Œã‚‰ã®å“²å¦ã¯ã€Webpackã®äººæ°—ã‚’æŠ¼ã—ä¸Šã’ãŸåŽŸå› ã®ï¼‘ã¤ã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ Webpackã®ã¨ã£ã¤ãã«
xai1981 2016/12/08
webpack

qiita
ãƒªãƒ³ã‚¯
webpack+babelç’°å¢ƒã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚‚ES6é–‹ç™º - Qiita
æ¦‚è¦ æ˜¨ä»Šã€JavaScriptã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ç•Œéšˆã§é¨’ãŒã‚Œã¦ã„ã‚‹ES6ï¼ˆES2015ï¼‰ã€‚ã‚¯ãƒ©ã‚¹ã®å°Žå…¥ãªã©ä¾¿åˆ©ãªæ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚Œã¦Node.jsã§ã¯æ—¢ã«å°Žå…¥ã•ã‚Œã¦ã„ã‚‹ã¨ã„ã†ã®ã«ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç’°å¢ƒï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ï¼‰ä¸Šã§åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã«ã¯ã¾ã ã¾ã å…ˆã«ãªã‚Šãã†ã§ã™ã€‚ ãã“ã§ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç’°å¢ƒã§ã‚‚ES6ã‚’å…ˆå–ã£ã¦é–‹ç™ºã™ã‚‹ç‚ºã®ç’°å¢ƒæ§‹ç¯‰æ–¹æ³•ã‚’è¨˜è¼‰ã—ã¾ã™ã€‚ webpack + babelç’°å¢ƒã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ES6ã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ãŒåˆ©ç”¨ã§ãã‚‹JavaScript(ES5)ã«ã‚³ãƒ³ãƒ‘ã‚¤ãƒ«ï¼å¤‰æ›ã‚’è¡Œã†ç‚ºã®ç’°å¢ƒã‚’æ§‹ç¯‰ã—ã¾ã™ã€‚ ä»Šå›žã¯webpackã¨ã„ã†ä¾å˜æ€§ã‚’è§£æ±ºã™ã‚‹ãƒ„ãƒ¼ãƒ«ã¨Babelã¨ã„ã†JavaScriptã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã‚’åˆ©ç”¨ã—ã¾ã™ã€‚ æœ¬è¨˜äº‹ã¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªç®¡ç†ãƒ„ãƒ¼ãƒ«ã§ã‚ã‚‹npmã‚’ç”¨ã„ã‚‹ç‚ºã€Node.jsç’°å¢ƒã‚’æ—¢ã«æ§‹ç¯‰ã—ã¦ã‚ã‚‹å‰æã§ã™ã€‚Node.jsç’°å¢ƒã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã¯ã“ã¡ã‚‰ã€‚ å‚è€ƒï¼šnodebrew ã‚’ç”¨ã„ãŸ Node
xai1981 2016/10/24
javascript

qiita

webpack

react
ãƒªãƒ³ã‚¯
Babelã¨webpackã‚’ä½¿ã£ã¦ES6ã§Reactã‚’å‹•ã‹ã™ã¾ã§ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
xai1981 2016/10/04
qiita

javascript

webpack

babel

react
ãƒªãƒ³ã‚¯
WebPackã‚’ä½¿ã£ã¦JavaScriptã‚’åŠ¹çŽ‡çš„ã«æ›¸ããƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€å…¥é–€ç·¨ã€‘ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
å…ˆæ—¥Developers Summitãƒ‡ãƒ“ãƒ¥ãƒ¼ã—ã¾ã—ãŸã€‚ã“ã‚“ã«ã¡ã¯ã€å…ˆç”Ÿã§ã™ã€‚ å‰å›žå…¬é–‹ã—ãŸè¨˜äº‹ã€Œã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã„ã„æ„Ÿã˜ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’çˆ†é€ŸåŒ–ã§ãã‚‹ç’°å¢ƒæ§‹ç¯‰ã®æ‰‹é †ã€ã®åéŸ¿ãŒå¤§ãã‹ã£ãŸã®ã§ã€ãã“ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹WebPackã¨ã„ã†Module Bundlerã‚’ã‚‚ã†å°‘ã—æ·±ãæŽ˜ã‚Šä¸‹ã’ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ WebPackã¨ã¯ WebPackã¯é™çš„ãªãƒ•ã‚¡ã‚¤ãƒ«ã®ä¾å˜é–¢ä¿‚ã‚’è§£æ±ºã—ã¤ã¤çµåˆã—ãŸã‚Šåˆ†å‰²ã—ãŸã‚Šã™ã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚éžå¸¸ã«å¤šæ©Ÿèƒ½ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã®å¹…ãŒåºƒã„ã®ãŒç‰¹å¾´ã§ã™ã€‚ http://webpack.github.io/docs/ å€‹äººçš„ãªçµŒç·¯ã§ã™ãŒã€require.js -> Browserifyã‚’çµŒã¦WebPackã«è½ã¡ç€ã„ãŸã¨ã“ã‚ã§ã™ã€‚ WebPackã¯npmã‚’ä½¿ã£ã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚ npm install webpack -g â€» npmãŒä½¿ãˆãªã„æ–¹ã¯ã¾ãšNode.jsã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¦ã
xai1981 2016/09/16
webpack

javascript
ãƒªãƒ³ã‚¯
1