Webpack - 最新实例

webpack-react-starter React项目Webpack模板

React 项目的 Webpack 配置真是绕不过去的一关。webpack-react-starter这个模板挺不错，基础配置都给你搭好了，适合不想从零折腾 Webpack 的你。 Webpack 的配置其实说难也不难，关键是得明白它几个核心点。比如webpack.config.js里怎么设置入口、

homepage-react React前端接口

homepage-react 的代码结构还挺清爽的，主要是昆士兰大学图书馆主页的前端接口，基于 React 写的，React 版本在 16.8 左右，比较适合熟悉 hooks 的朋友上手。 状态管理这块用的是 Redux 搭配 ReduxForm，和 Material Design 设计风格配套起来

Chrome Extension Webpack-CRX插件

Chrome Extension Webpack-crx 插件是专门为开发 Chrome 扩展而设计的工具，它结合了 Webpack 的强大功能，简化了扩展的开发、打包和管理。使用这个插件，你可以轻松manifest.json文件，优化静态资源，管理背景脚本和内容脚本的加载。你只需要开发扩展的功能，

幻想公司React开发工具链

幻想公司项目了一套实用的开发工具链。通过yarn start可以在开发模式下启动应用，自动热重载，方便。yarn test则是用于启动交互式的测试，实时查看测试结果，避免了手动检查的麻烦。最有用的功能当属yarn build，它可以优化构建并准备生产环境部署，轻松搞定文件哈希和最小化，性能提升不止一

飞机大作战H5打飞机小游戏（Webpack+Canvas）

飞机大战小游戏的代码资源，挺适合用来练手前端技能的，尤其是对 Canvas 和 ES6 感兴趣的朋友。整体用的是 webpack 打包，代码结构清晰，用了 面向对象 的方式来组织逻辑，像子弹、敌机、主角这些都有各自的类，继承关系也比较明了，调试起来方便。画面绘制主要靠的是 canvas，响应也快，动

rxjs-signalr基于RxJS的SignalR封装

基于 RxJS 的 SignalR 操作封装，rxjs-signalr 可以说是实时数据流时的一个小巧利器。以前用 SignalR 搞前端推送，总得一堆事件回调，不太优雅。这库用 RxJS 把 SignalR 包装了一下，你可以直接像订阅流那样拿数据，用熟悉的方式异步信息，逻辑也清晰不少。 基于 R

redux-api Redux REST接口封装工具

redux-api 的 REST 封装，蛮适合懒得写一堆 action 和异步求的你。它帮你把常见的 CRUD 操作封装成调用方式，省事不少。你只管配置一下 endpoint，剩下的交给它搞定。 redux-api的思路比较像是把后端接口抽象成一套“资源对象”。每个资源都能直接发求、拿数据，还能自动

Gobang原生JavaScript五子棋AI

gobang 是一个五子棋 AI，用原生 JavaScript 写的，完全不依赖外部框架，代码挺简洁的。界面设计上，棋盘大小会根据不同设备的屏幕尺寸自适应，挺方便的。AI 部分基于 Alpha-Beta 剪枝算法实现，支持 PVS 搜索，深度最大能达到 6 层，棋力还不错。棋型判断、评估函数这些核心

ahoym.github.io React+Webpack个人网站

模块化开发的 Webpack 配置，结构清晰的 ES6 代码，还有响应式的 React 组件交互，这些就是我在 ahoym.github.io 上折腾的主要技术点。嗯，作为一个从零搭出来的个人网站，说是练手项目，但其实不少东西都踩过坑，挺值得你参考的。 Webpack的配置比较灵活，用了不少load

Create React App快速启动脚手架

Create React App 的脚手架，挺适合用来快速起步 React 项目的。项目结构清晰，脚本命令也比较全，开发、测试、打包一套带走，响应也快，适合刚上手的同学。像npm start，直接跑开发模式，改代码还能自动刷新，体验还蛮顺畅的。 构建脚本也实用。npm run build能打出优化过