项目发布

打包发布产品

项目打包以后就可以放到网上分享了,React VR打包后会把所有的文件都打包成几个文件,这些文

件就可以放到服务器上了,在项目根目录下面,运行下面的命令:

npm run bundle

vr 下面会生成一个新的文件夹 build ,里面就是你整个项目的编译文件,可以放到网络服务器

上,不用做其他的改变就可以运行


如果用了外部的assets assets() 你可以把 static_assets 文件夹放到其他文件旁,项目目录如下:

Web Server

├─ static_assets/

|

├─ index.html

├─ index.bundle.js

└─ client.bundle.js

如果你你想把js文件放到其他地方,需要修改 index.html 里面的内容,确保 index.html 里面最上

面的 script 标签里面的 client.bundle.js 的路径正确,而且要修改 ReactVR.init() 里面要包含

index.bundle.js 的位置。


如果你要把资源文件分开放,如CDN上,在 ReactVR.init() 里面要添加 assetRoot 地址。假设你

要放的地址是 https://cdn.example.com/vr_assets/ ,添加的第三个参数如下:

ReactVR.init(

  'path/to/index.bundle.js',

   document.body,

   { assetRoot: 'https://cdn.example.com/vr_assets/' }

);

整合到现有的web网页中

如果你想要把VR整合到web网页中,推荐使用 <iframe> 标签,把 src 属性设置到 index.html

面,然后给 iframe 设置合适的大小。