编译

如何编译

根据package.json说明执行对应的build命令

例如yarn build

编译过程中，发生了什么？

1. 为您处理了部分预设变量
2. 为您进行按需加载
3. 为您进行代码拆分

我可以为编译做些什么？

为项目增加环境变量

通过.ENV注入环境比那里

我们提供了.env文件，您可以在该文件中创建您所需要的变量

自定义环境变量以REACT_APP_开头，我们会在编译过程中为您处理

REACT_APP_JOYNOP='真帅'
REACT_APP_TITLE='JOYNOP_CRA_FRAMEWORK'
REACT_APP_NOT_SECRET_CODE=$REACT_APP_NOT_SECRET_CODE

您可以自定义字符串，或者通过$读取系统环境变量

build时带入参数，打包至内部

可参考"build:a": "cross-env REACT_APP_ENV=HANRUI_ENV react-app-rewired build",

注意
本项目使用前端渲染，经过webpack打包后，内部文件基本无法改动，目前没有找到通过容器注入环境变量改变内部属性的方法。如果有好的方法，欢迎联系我们

查看编译统计

yarn build:analyze

注意
我们建议您通过本地物理主机进行编译或通过云端服务器编译，我们更推荐前者原因如下

1. 本地物理主机性能相比云端配置较高，编译相对更快，且不耗服务器资源，减少成本
2. 能带入本地系统变量或通过.env带入变量
3. 我们拥有多种部署方式，方便您一次编译，多方案部署