{
    "componentChunkName": "component---src-templates-post-template-js",
    "path": "/posts/2021-03-26-webpack-5-boilerplate-with-react-and-typescript/",
    "result": {"data":{"mdx":{"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"title\": \"Webpack 5 boilerplate with React and TypeScript\",\n  \"date\": \"2026-04-05T00:00:00.000Z\",\n  \"published\": true,\n  \"categories\": [\"Webpack\", \"React\", \"TypeScript\"],\n  \"tags\": [\"webpack\", \"react\", \"typescript\"]\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"A Webpack 5 boilerplate with React and TypeScript\"), mdx(\"a\", {\n    href: \"https://webpack5reacttypescript.persteenolsen.com/\",\n    target: \"_blank\"\n  }, \"Try the demo...\"), mdx(\"br\", null), mdx(\"br\", null), mdx(\"a\", {\n    href: \"https://github.com/persteenolsen/webpack-5-react-typescript-boilerplate\",\n    target: \"_blank\"\n  }, \"The code at GitHub\"), mdx(\"p\", null, \"A Webpack 5 boilerplate with React and TypeScript. Babel 7 compiles the TypeScript files to ES5. The Webpack module \\\"fork-ts-checker-webpack-plugin\\\" handles the type checking. The demo App serve React routing, a Webpack logo, my photo with some info and compiled PostCSS. Bootstrap CSS was used to make the demo mobile friendly.\"));\n}\n;\nMDXContent.isMDXComponent = true;","frontmatter":{"title":"Webpack 5 boilerplate with React and TypeScript","date":"05-April-2026","tags":["webpack","react","typescript"],"categories":["Webpack","React","TypeScript"]}}},"pageContext":{"id":"10773774-ad41-5cbf-9aee-95f703d72404"}},
    "staticQueryHashes": ["4278130389"]}