{"id":4105,"date":"2019-01-05T18:18:12","date_gmt":"2019-01-05T09:18:12","guid":{"rendered":"https:\/\/www.wsmeguro.jp\/wp\/?p=4105"},"modified":"2019-01-05T18:19:32","modified_gmt":"2019-01-05T09:19:32","slug":"react%e3%81%ae%e7%b7%b4%e7%bf%92%ef%bc%9abuild%e5%85%88%e3%81%ae%e5%a4%89%e6%9b%b4","status":"publish","type":"post","link":"https:\/\/www.wsmeguro.jp\/wp\/?p=4105","title":{"rendered":"React\u306e\u7df4\u7fd2\uff1aBuild\u5148\u306e\u5909\u66f4"},"content":{"rendered":"

create-react-app\u3067\u51fa\u6765\u305f\u6700\u521d\u306eapp\u3092\u300cnpm run build\u300d\u3092\u3084\u308b\u3068\u3001build\u30d5\u30a9\u30eb\u30c0\u304c\u3067\u304d\u3066\u3044\u3066\u3001\u305d\u306e\u30d5\u30a9\u30eb\u30c0\u3092\u30b5\u30fc\u30d0\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u3068\u52d5\u304d\u307e\u3059\u3002\u3068\u3044\u3046\u306e\u304c\u300c\u58f2\u308a\u300d\u3067\u3001serve -s build\u3092\u3084\u308c\u3070\u3059\u3050\u306b\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002\u3068\u3044\u3046\u7d39\u4ecb\u304c\u591a\u3044\u306e\u3067\u3059\u304c\u3001\u79c1\u306e\u3088\u3046\u306b\u30ec\u30f3\u30bf\u30eb\u30b5\u30fc\u30d0\u306e\u4e00\u90e8\u306b\u305d\u306e\u300cbuild\u30d5\u30a9\u30eb\u30c0\u300d\u3092\u30a2\u30c3\u30d7\u3059\u308b\u3068\u3001\u52d5\u304d\u307e\u305b\u3093\u3002
\n\u305d\u306e\u7d50\u679c\u304c\u3053\u308c\uff08https:\/\/www.wsmeguro.jp\/tools\/react\/build\/<\/a>\uff09\u3067\u3059\u3002
\nbuild\u30d5\u30a9\u30eb\u30c0\u5185\u3092\u898b\u3066\u307f\u308b\u3068\u3001html\u304c\u306a\u3093\u304b\u5909\u3067\u3059\u3002<\/p>\n

<!doctype html>\r\n<html lang=\"en\">\r\n    <head>\r\n        <meta charset=\"utf-8\"\/>\r\n        <link rel=\"shortcut icon\" href=\"\/favicon.ico\"\/>\r\n        <meta name=\"viewport\" content=\"width=device-width,initial-scale=1,shrink-to-fit=no\"\/>\r\n        <meta name=\"theme-color\" content=\"#000000\"\/>\r\n        <link rel=\"manifest\" href=\"\/manifest.json\"\/>\r\n        <title>React App<\/title>\r\n        <link href=\"\/static\/css\/main.012cfbd2.chunk.css\" rel=\"stylesheet\">\r\n    <\/head>\r\n    <body>\r\n        <noscript>You need to enable JavaScript to run this app.<\/noscript>\r\n        <div id=\"root\"><\/div>\r\n        <script>!function(l){function e(e){for(var r,t,n=e[0],o=e[1],u=e[2],f=0,i=[];f<n.length;f++)t=n[f],p[t]&&i.push(p[t][0]),p[t]=0;for(r in o)Object.prototype.hasOwnProperty.call(o,r)&&(l[r]=o[r]);for(s&&s(e);i.length;)i.shift()();return c.push.apply(c,u||[]),a()}function a(){for(var e,r=0;r<c.length;r++){for(var t=c[r],n=!0,o=1;o<t.length;o++){var u=t[o];0!==p[u]&&(n=!1)}n&&(c.splice(r--,1),e=f(f.s=t[0]))}return e}var t={},p={2:0},c=[];function f(e){if(t[e])return t[e].exports;var r=t[e]={i:e,l:!1,exports:{}};return l[e].call(r.exports,r,r.exports,f),r.l=!0,r.exports}f.m=l,f.c=t,f.d=function(e,r,t){f.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},f.r=function(e){\"undefined\"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:\"Module\"}),Object.defineProperty(e,\"__esModule\",{value:!0})},f.t=function(r,e){if(1&e&&(r=f(r)),8&e)return r;if(4&e&&\"object\"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(f.r(t),Object.defineProperty(t,\"default\",{enumerable:!0,value:r}),2&e&&\"string\"!=typeof r)for(var n in r)f.d(t,n,function(e){return r[e]}.bind(null,n));return t},f.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return f.d(r,\"a\",r),r},f.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},f.p=\"\/\";var r=window.webpackJsonp=window.webpackJsonp||[],n=r.push.bind(r);r.push=e,r=r.slice();for(var o=0;o<r.length;o++)e(r[o]);var s=n;a()}([])<\/script>\r\n        <script src=\"\/static\/js\/1.fa92c112.chunk.js\"><\/script>\r\n        <script src=\"\/static\/js\/main.f4997dba.chunk.js\"><\/script>\r\n    <\/body>\r\n<\/html><\/pre>\n
\u3068\u3044\u3046\u611f\u3058\u3067\u3001\u5b9f\u306f\u3001\u51fa\u529b\u5148\u304c\u300c\/static\/\u300d\u3068\u3044\u3046\u611f\u3058\u3067\u4e00\u756a\u4e0a\u306e\u30d5\u30a9\u30eb\u30c0\u304b\u3089\u898b\u305f\u7d76\u5bfe\u30d1\u30b9\u3067\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u3002\u306a\u3093\u3060\u306a\u3093\u3060\u3068\u3001\u300c\/static\/\u300d\u3092\u300c.\/static\/\u300d\u3068\u76f8\u5bfe\u30d1\u30b9\u306b\u5909\u3048\u3066\u4fdd\u5b58\u3057\u305f\u306e\u304c\u3053\u3061\u3089\uff08https:\/\/www.wsmeguro.jp\/tools\/react\/build1\/<\/a>\uff09\u3067\u3059\u3002\u9762\u767d\u304b\u3063\u305f\u306e\u3067\u6b8b\u3057\u3066\u304a\u304d\u307e\u3059\u3002
\n\u3069\u3046\u3057\u305f\u3089\u3044\u3044\u306e\u304b\u3001\u8abf\u3079\u308b\u3068\u3053\u3061\u3089\uff08https:\/\/www.yoheim.net\/blog.php?q=20180418<\/a>\uff09\u306b\u3042\u308a\u307e\u3057\u305f\u3002build\u5148\u306e\u5909\u66f4\u304c\u3067\u304d\u308b\u3088\u3046\u3067\u3059\u3002
\npackage.json\u306b\u300c”homepage”: “.\/”,\u300d\u3092\u8ffd\u52a0\u3057\u3066\u3001\u300cnpm run build\u300d\u3059\u308c\u3070\u3001\u3053\u3061\u3089\uff08https:\/\/www.wsmeguro.jp\/tools\/react\/build2\/<\/a>\uff09\u306e\u901a\u308a\u3061\u3083\u3093\u3068\u52d5\u304d\u307e\u3057\u305f\u3002<\/p>\n
{\r\n  \"name\": \"first-react\",\r\n  \"version\": \"0.1.0\",\r\n  \"homepage\": \".\/\",\r\n  \"private\": true,\r\n  \"dependencies\": {\r\n    \"react\": \"^16.7.0\",\r\n    \"react-dom\": \"^16.7.0\",\r\n    \"react-scripts\": \"2.1.2\"\r\n  },\r\n  \"scripts\": {\r\n    \"start\": \"react-scripts start\",\r\n    \"build\": \"react-scripts build\",\r\n    \"test\": \"react-scripts test\",\r\n    \"eject\": \"react-scripts eject\"\r\n  },\r\n  \"eslintConfig\": {\r\n    \"extends\": \"react-app\"\r\n  },\r\n  \"browserslist\": [\r\n    \">0.2%\",\r\n    \"not dead\",\r\n    \"not ie <= 11\",\r\n    \"not op_mini all\"\r\n  ]\r\n}\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
create-react-app\u3067\u51fa\u6765\u305f\u6700\u521d\u306eapp\u3092\u300cnpm run build\u300d\u3092\u3084\u308b\u3068\u3001build\u30d5\u30a9\u30eb\u30c0\u304c\u3067\u304d\u3066\u3044\u3066\u3001\u305d\u306e\u30d5\u30a9\u30eb\u30c0\u3092\u30b5\u30fc\u30d0\u306b\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3059\u308b\u3068\u52d5\u304d\u307e\u3059\u3002\u3068\u3044\u3046\u306e\u304c\u300c\u58f2\u308a\u300d\u3067\u3001serve -s bu…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[594,505],"tags":[610,611],"class_list":["post-4105","post","type-post","status-publish","format-standard","hentry","category-react","category-programming","tag-build","tag-homepage"],"_links":{"self":[{"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=\/wp\/v2\/posts\/4105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4105"}],"version-history":[{"count":3,"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=\/wp\/v2\/posts\/4105\/revisions"}],"predecessor-version":[{"id":4108,"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=\/wp\/v2\/posts\/4105\/revisions\/4108"}],"wp:attachment":[{"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4105"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4105"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wsmeguro.jp\/wp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}