React项目打包

当你开发完所有功能，或者需要交付测试的时候，需要将项目打包。

打开项目根目录下的 package.json 文件，在 scripts 中找到 build.

此时，直接运行 npm run build 就可以了。

这里需要说明的是，有些文件需要手动复制到output文件夹中，以便打包出的文件能找到你的引用。

举例：在项目的 src/font 中存放着 iconfont 的资源。

那么你打包出来的文件就不包含这些资源。需要你手动复制一下。

当然你可以配置一个 npm 命令，自动 copy。

第一，安装 copyfiles

  $ npm i copyfiles --dev

第二，在scripts添加一个copy命令

  "scripts": {
    "copy": "copyfiles -f ./src/font /dist"
  }

第三，修改 build 命令

  "scripts": {
      "build": "react-scripts build && npm run copy",
      "copy": "copyfiles -f ./src/font /dist"
  }

放在 public 文件夹的文件，在打包时都会默认被复制到 output 文件夹中。