返回信息流想用gh pages展示,项目是用react做的,用webpack构建的
但是打开<username>.github.io/<projectname>/这个网址后,显示的是dist/assets目录下的readme.md文件,如图
网上找不到类似的问题 不知道是不是webpack打包的问题,还是git使用的问题
这是一条镜像帖。来源:北邮人论坛 / www-technology / #39503同步于 2017/1/6
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖
[问题]webpack打包后push到gh pages
xymanman
2017/1/6镜像同步7 回复
订阅后,新回复会通过你的通知中心匿名送达。
7 条回复
gh pages有三种读取途径,一种是读取项目根目录下index.html,一种是读取项目根目录下docs文件夹内的index.html,最后一种是读取gh-pages分支里的根目录下的index.html,楼主自己看看符不符合要求
我的展示页面index.html在项目根目录下的src文件夹内,当时使用yeoman搭建的项目目录结构。我在想是不是跟打包目录结构有关呢?
我照着教程视频里一步一步做,只是用的webpack版本和他不一样,他还用了grunt我没用,最后他发布到gh pages的时候用到了grunt serve:dist这个命令打包到dist文件内,我现在用的webpack,打包的目录是dist/assets,该目录下没有index.html,只有项目所需图片和一个app.js文件。最后照着他的命令git subtree push --prefix=dist origin gh-pages敲完之后他就能成功展示我就不行..
【 在 PiEgg 的大作中提到: 】
: gh pages有三种读取途径,一种是读取项目根目录下index.html,一种是读取项目根目录下docs文件夹内的index.html,最后一种是读取gh-pages分支里的根目录下的index.html,楼主自己看看符不符合要求
所以需要你把所需资源转移到我说的三种方式的其中一种去,本地构建出来的文件目录不一定是符合gh pages的要求的,要符合gh pages的要求才可以显示
【 在 xymanman (xymanman) 的大作中提到: 】
: 我的展示页面index.html在项目根目录下的src文件夹内,当时使用yeoman搭建的项目目录结构。我在想是不是跟打包目录结构有关呢?
: 我照着教程视频里一步一步做,只是用的webpack版本和他不一样,他还用了grunt我没用,最后他发布到gh pages的时候用到了grunt serve:di...
请问您看的是什么视频教程呢?新人求问[ema1]
【 在 xymanman 的大作中提到: 】
: 我的展示页面index.html在项目根目录下的src文件夹内,当时使用yeoman搭建的项目目录结构。我在想是不是跟打包目录结构有关呢?
: 我照着教程视频里一步一步做,只是用的webpack版本和他不一样,他还用了grunt我没用,最后他发布到gh pages的时候用到了grunt serve:dist这个命令打包到dist文件内,我现在用的webpack,打包的目录是dist/assets,该目录下没有index.html,只有项目所需图片和一个app.js文件。最后照着他的命令git subtree push --prefix=dist origin gh-pages敲完之后他就能成功展示我就不行..
【 在 xymanman 的大作中提到: 】
: 我的展示页面index.html在项目根目录下的src文件夹内,当时使用yeoman搭建的项目目录结构。我在想是不是跟打包目录结构有关呢?
: 我照着教程视频里一步一步做,只是用的webpack版本和他不一样,他还用了grunt我没用,最后他发布到gh pages的时候用到了grunt serve:dist这个命令打包到dist文件内,我现在用的webpack,打包的目录是dist/assets,该目录下没有index.html,只有项目所需图片和一个app.js文件。最后照着他的命令git subtree push --prefix=dist origin gh-pages敲完之后他就能成功展示我就不行..
你看的是imooc上的react教程吧。。。那个打包说的方法跟现在有些不一样了,
因为读取不到你的index.html当然就读readme.md了。最简单的方法是本地起一个apache服务器,把dist目录全丢进去,验证一下生产环境是否正常。
webpack打包出来dist目录应该包含assets目录,static目录以及index.html。
应该是你打包的方式不对,试试npm run dist
【 在 RyanV 的大作中提到: 】
:
: 你看的是imooc上的react教程吧。。。那个打包说的方法跟现在有些不一样了,
: 因为读取不到你的index.html当然就读readme.md了。最简单的方法是本地起一个apache服务器,把dist目录全丢进去,验证一下生产环境是否正常。
: ...................
谢谢谢谢!我再试试看