如何使用外部资源？ 如何使用预处理器？ 如何使用 JSX？ 如何添加 postcss 插件？ 如何扩展 webpack 配置？ 如何添加 webpack 插件？ 如何编辑主机和端口号？ 如何使用 cached 组件？ 如何使用Google统计分析服务？ 如何发起跨域资源请求？

开发环境配置 开发环境配置 要搭建一个现代的前端开发环境配套的工具有很多，比如 Grunt / Gulp / Webpack/ Broccoli，都是要解决前端工程化问题，这个主题很大，这里为了使用 React 我们只关注其中的两个点： JSX 支持 ES6 支持 好消息是业界领先的 ES6 编译工具 Babel 随着作者被 Facebook...

Logging and debugging Available debugging scopes Removing debug from your browser bundle Error logs in the browser console Logging and debugging Socket.IO is now completely i...

工程配置 开发调试 命令行介绍 start build 工程构建配置 entry alias publicPath devPublicPath sourcemap externals hash injectBabel minify outputAssetsPath outputDir proxy devServer targ...

代码分割 打包 示例 代码分割 import() React.lazy Suspense 异常捕获边界（Error boundaries） 基于路由的代码分割 命名导出（Named Exports） 代码分割 打包 大多数 React 应用都会使用 Webpack 或 Browserify 这类的构建工具来打包文件。打包是一...

快速上手 第一个例子 1. 创建一个 codesandbox 2. 使用组件 3. 探索更多组件用法 4. 下一步 按需加载 使用 Day.js 替换 Moment.js 优化打包大小 自行构建 快速上手 Ant Design React 致力于提供给程序员愉悦 的开发体验。 在开始之前，推荐先学习 React 和 ES2015...

介绍 他是如何工作的？ 他和 dva、roadhog 是什么关系？ 特性 为什么不是…? next.js roadhog 介绍 UmiJS 是一个类 Next.JS 的 react 开发框架。他基于一个约定，即 pages 目录下的文件即路由，而文件则导出 react 组件 ，然后打通从源码到产物的每个阶段，并配以完善的插件体系，让我们能...

Release Notes v2.11.0 🐛 Bug Fixes 6777 Add catch statement to non function block in serializeFunction 6791 Fix flatRoutes regex for nested routes with trailing slash enabled ...

插件 API 核心方法 applyPlugins({ key: string, type: api.ApplyPluginsType, initialValue?: any, args?: any }) describe({ id?: string, key?: string, config?: { default, schema, onChange } ...

HashedModuleIdsPlugin 参数 用法 贡献人员 HashedModuleIdsPlugin 该插件会根据模块的相对路径生成一个四位数的hash作为模块id, 建议用于生产环境。 new webpack . HashedModuleIdsPlugin ({ // 选项…… }); 参数 该插件支持以下...