深入解析React代码架构（第十四章）
发布时间
阅读量：
阅读量
打包
官方说明：在绝大多数 React 应用开发过程中，通常会借助 Webpack、Rollup 或 Browserify 等构建工具对文件进行打包处理。所谓打包，指的是将多个文件整合并引入至一个统一的文件中，最终生成所谓的 “bundle” 文件。随后，通过在网页中引用该 bundle 文件，即可实现整个应用程序的一次性加载。
实例：打包前与打包后的文件对比
- 打包前
// app.js
import { add } from './math.js';
console.log(add(16, 26)); // 42
// math.js
export function add(a, b) {
return a + b;
}
- 完成封装后
function add(a, b) {
return a + b;
}
console.log(add(16, 26)); // 42
全部评论 (0)
还没有任何评论哟~