HBuilder打包React项目生成的build文件

1、创建一个react项目

$ npm install -g create-react-app
$ create-react-app my-app
$ cd my-app
$ npm start

2、修改package文件 添加,“homepage”: " ./" 3、打包react项目

npm run build

4、把build文件变成app模式 注意:生成的build文件夹中,包含了manifest.json.此文件将在打包时冲突,所以,build文件中的manifiest文件不在放到打包的目录里,可把build中的除mainifest.json外的其它文件放在一起,用于打包APP. 在HBuilder中点击文件,打开目录,找到要打包的文件夹目录,点击确定。

然后我们会看到这样的带着 W 的文件

5、转换APP

右键dist,点击转换成App(T)

6、在manifest.json里面配置APP名字及APP图标

现在,我们已经将React项目转成HBuild中的移动APP项目,其它与HBuild打包方法相同了(发行-》发行为原生安装包),可参考HBuilder打包链接:

经验分享 程序员 微信小程序 职场和发展