{"published":"2017-05-28 19:10:35","provider_url":"https://hatena.blog","version":"1.0","type":"rich","url":"https://memo88.hatenablog.com/entry/20170528/1495966235","author_name":"sonota88","image_url":null,"html":"","provider_name":"Hatena Blog","width":"100%","categories":[],"author_url":"https://blog.hatena.ne.jp/sonota88/","blog_url":"https://memo88.hatenablog.com/","height":"190","blog_title":"memo486","description":"\u3061\u3087\u3063\u3068\u89e6\u3063\u305f\u7a0b\u5ea6\u306e\u30e1\u30e2\u3067\u3059\u3002 \u6a19\u6e96\u7684\u306a\u3084\u308a\u65b9\u304b\u3089\u306f\u5916\u308c\u3066\u3044\u308b\uff08\u3061\u3087\u3063\u3068\u8a66\u3059\u7a0b\u5ea6\u306a\u3089\u3044\u3044\u3051\u3069\u672c\u756a\u306b\u306f\u4f7f\u3048\u306a\u3044\uff09\u3068\u601d\u3044\u307e\u3059\u3002 \u6e96\u5099 mkdir work && cd work npm init -y Babel Babel \u3067 JSX \u304b\u3089\u7d20\u306e JS \u306b\u5909\u63db\u3067\u304d\u308b\u3068\u306e\u3053\u3068\u306a\u306e\u3067\u3001\u8a66\u3059\u3002 \u306a\u3093\u3067 Babel \u3067\u5909\u63db\u3067\u304d\u308b\u304b\u306f\u8abf\u3079\u3066\u306a\u3044\u3002\u3068\u306b\u304b\u304f\u3067\u304d\u308b\u3002 npm install --save-dev babel-cli\u30c6\u30b9\u30c8\u7528\u306e\u30d5\u30a1\u30a4\u30eb\u3002 // test.js class Foo extends React.Component { render() { return (

foo content\u2026","title":"(2017-05) React.js \u306e\u524d\u306b Webpack \u3068 Babel \u3061\u3087\u3063\u3068\u89e6\u3063\u305f\u30e1\u30e2"}