使用gh-pages将项目部署到github上

使用gh-pages将项目部署到github上

1 安装gh-pages到项目中

    sudo nom install gh-pages --save-dev

2 设置package.json:

    //配置homepage
    "homepage":"https://xxx.github.com/account-app",
    //配置scripts
    "scripts":{
        ...,
        "predeploy":"nom run build",
        "deploy":"gh-pages -d build"
    }

3 在命令行运行deploy,它会在运行deploy之前,自动运行predeploy命令

使用gh-pages将项目部署到github上_第1张图片

4 看到完成后,我们就可以访问homepage配置的地址了,其实这里的原理就是在github上重建一个分支,然后将build后的代码放到这个分支,在访问这个地址的时候就可以正常运行了,我们可以看到有一个gh-pages的分支,里面的内容恰恰就是build后的内容。

感谢!

你可能感兴趣的:(使用gh-pages将项目部署到github上)