Webpack - 最新实例

tmp-vier-gewinnt React入门示例

React 项目的快速搭建离不开 Create React App，而 tmp-vier-gewinnt 就是一个挺典型的入门示例，结构清晰，功能不复杂，适合用来熟悉开发流程。 开发模式的 npm start 启动速度还不错，页面改了之后自动刷新，响应也快，适合边改边调试。要注意控制台的警告，有时候

Vue CLI使用webpack构建项目IP无法访问的解决方法

vue-cli 老项目里的 Webpack 服务端默认只监听localhost，你 IP 访问不通。之前有个朋友也是开发手机端页面，调试半天，结果发现用192.168.x.x访问页面加载不了。嗯，其实办法简单，在webpack.dev.conf.js里动一动手脚就行。 webpack 配置的 HOS

Post-Compile Webpack Plugin编译后插件

Webpack 的编译后操作一直挺麻烦的，用Post-Compile Webpack Plugin能省不少事。Webpack 本身插件钩子多，但多人没注意过post-compile这个阶段，嗯，刚好用它能在文件写磁盘前做点定制活儿。 像静态资源版本更新挺实用，打完包自动生成哈希，浏览器老缓存问题直接

React Chat项目框架

React 的聊天项目，基本用create-react-app搭好框架，整体结构清爽。常用的 yarn start、yarn test、yarn build、yarn eject这些命令都配好了，适合拿来练手或者做原型。测试也接好了，动手调试挺方便，适合想深入 React 项目的你。

Aaviyanta React项目启动模板

React 项目的快速起步神器，Aaviyanta算是我最近用得比较顺的一个模板。直接用npm start就能启动开发环境，响应快，热更新也靠谱，适合边写边调试，效率挺高的。 npm test也挺好用，测试运行是交互式的，改代码的同时看反馈，还挺方便。写单测的同学应该会觉得这个流程比较丝滑。 npm

React起步开发脚手架

React 项目的起步工具里，Create React App算是比较省心的一套方案。项目里的几个脚本挺实用，比如npm start，一键就能跑起来，调试方便，页面自动刷新，改点东西就能立马看到效果，开发体验还不错。跑测试用npm test，它会开个交互式监视模式。你改完代码，测试就跟着跑，挺适合做

蝠Beautiful可自定义模板的发票桌面应用

发票的灵活生成器，用的是桌面应用的思路，还支持可自定义模板，Manta真的挺顺手的。你可以拖拽项目项，还能选择字段显示与否，适合不喜欢重复输入的你。 模板设计也蛮精致，支持SVG格式的 logo，打印出来清晰不少。不管你想走极简风还是商务风，调一调样式基本都能满足。 用的是桌面端架构，基于Elect

@wearegenki/db Vue响应式离线数据库插件

可响应的、可脱机的数据库操作，用 Vue 写起来也能有点 React 的味道，@wearegenki/db 插件还挺有意思的。它基于 PouchDB，适合做前端离线存储，适合那种要断网还能用的 Web App。嗯，不过要注意哦，这项目已经不维护了，他们团队已经全员迁去新框架了。 ES6/ES7 的语

React+Koa实现SSR服务端渲染方法步骤

React 的 SSR 方案，用 Koa 配合搞一搞，还挺丝滑的。前段时间想着搞个个人站点，既然是自己的地盘，选啥技术自然随心。那还等啥？上 SSR，加载快，还顺带照顾下 SEO，岂不美哉？ 服务端渲染（SSR）的套路其实不复杂，说白了就是服务器帮你先把页面拼好，浏览器拿到的就是现成的 HTML，响

Jekyll-Templates Nimble优化模板合集

Nimble 团队的 Jekyll 模板，真的挺适合用来搞静态站点开发的，尤其是那种文档站或博客项目。整个模板的技术栈比较现代，结合了Jekyll、Markdown、Tailwind CSS，再加点小而美的Alpine.js，轻量又灵活，写起来比较顺手。 Markdown 和 HTML 可以混用，这