React 应用都会使用 Webpack，Rollup 或 Browserify 这类的构建工具来打包文件。 打包是一个将文件引入并合并到一个单独文件的过程，最终形成一个 “bundle”。 接着在页面上引入该 bundle，整个应用即可一次性加载。

1、使用React脚手架创建的项目进行webpack打包

使用 Create React App，Next.js，Gatsby，或者类似的工具创建的React项目是使用的 Webpack 配置来进行打包工作。如果没有提前安装好，需要自行配置。可查看 Webpack 文档上的安装和入门教程。

2、模拟打包

A.main.js

// math.js
export function add(a, b) {
  return a + b;
}

B.app.js

// app.js
import { add } from './math.js';
console.log(add(16, 26)); // 42

C.将app.js打包后

function add(a, b) {
  return a + b;
}
console.log(add(16, 26)); // 42

D.最终会在页面引入打包好的文件