React17 webpack5 react-router redux demo

208 阅读1分钟

此文是基于 webpack 手动搭的一个 React17 webpack5 react-router redux 的例子,尝试新特性。

项目Git地址:github.com/TippiRao/re… 可以直接clone

项目构建

文章中使用 Yarn 管理安装包,若未安装Yarn,替换成 Npm 对应命令即可。 初始化项目
初始化package.json\

yarn init

安装webpack

yarn add -D webpack webpack-cli webpack-merge

安装react, react-router,react-router-dom, redux

yarn add -D react react-dom, redux, react-redux

安装Babel 相关插件

yarn add -D @babel/core @babel/plugin-transform-runtime babel-plugin-import @babel/preset-env @babel/preset-react @babel/plugin-proposal-decorators @babel/plugin-proposal-class-properties

配置 webpack, 可以参考官方文档

webpack.js.org/