react-self-webpack手动搭建React项目

0 次浏览 2025-05-28 0 条评论

zip

React Webpack React Router 前端开发手动配置 Hooks 前端搭建 JavaScript

react-self-webpack 的 React 项目搭建方式挺适合想亲手撸配置的你，是对 Webpack 和 React Router 这块想多琢磨琢磨的。它不依赖脚手架，全手动搭建流程清清楚楚，像怎么配置babel、怎么接入react-router，一步步来，逻辑也挺顺的。

自己搭环境有时候挺折腾的，react-self-webpack 就比较省心。你能看到useHistory、useLocation这些 Hook 怎么用，比如想跳转页面就一句history.push('/home')，清晰又高效。还有监听路由变化也简单：

function usePageViews() {
  let location = useLocation();
  React.useEffect(() => {
    ga.send(["pageview", location.pathname]);
  }, [location]);
}

适合啥人用？如果你已经写过几个 React 项目，但对 Webpack 配置还一知半解，这套就挺合适，能帮你理清整个构建逻辑。哦对了，react-router的那些useParams、useRouteMatch也都顺带讲到了，自己试着跑一遍，印象会更深。

想拓展的话，推荐你顺手看看这几个：react-starter 是另一个 Webpack 搭 React 的例子，配置风格比较清爽；webpack-react 专注在 Webpack 配置这块，适合你深入研究下。

，如果你不想被黑盒子脚手架束缚，又想真正搞懂 Webpack 配 React 的细节，react-self-webpack 还蛮值得一试的。

文件大小：109.48KB