打包说明.md

打包说明

JS 脚本打包

JS 打包依赖 webpack，在项目根目录下的 /webpack 目录即为打包目录。目前打包目录下分为 3 部分，分别是：

1. weback 打包脚本；
2. 打包配置项；
3. webpack loaders.

通过执行 yarn build 命令可以对业务代码进行打包，打包后的文件会存在于项目根目录下的 /dist 目录中。

Webpack loaders

Loaders 分为两块：

1. 为 js 业务代码中的所有函数添加异常捕获；
2. 将图片转换为对应环境下的 url 链接以保证图片的正确显示。

一般情况下请勿改动 loader 目录下的任何内容！

打包配置项

打包配置项在 /webpack/config.js 中，目前一共包含 3 个可配置项：

1. host: 项目启动 ip，默认 0.0.0.0，一般情况下不需要修改；
2. port: 项目启用端口，默认 12345，一般情况下不需要修改；
3. imageProxyHost: 该参数默认情况下被注释或与 host 值相同，当使用安卓设备进行调试时，需要开启代理，此时会导致项目中的静态资源图片因为默认端口被代理无法正常显示图片。通过添加或修改该值为代理 ip 后可以保证图片正常显示。

Webpack 打包脚本

打包脚本中的各项参数请参考 webpack 官方文档。在绝大多数情况下可以不对打包脚本进行任何修改，除非存在其他特殊的打包需求。