BBYR Achieve
返回信息流
这是一条镜像帖。来源:北邮人论坛 / www-technology / #39503同步于 2017/1/6
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖

[问题]webpack打包后push到gh pages

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