我将尝试澄清问题标题,因为为我的问题想出标题并不容易。
问题更多与 Webpack 和 githubpages 配置相关。
背景:我在 github(https://github.com/SomePeaceStudio/manatelpa)上用 angular2 制作了测试项目。我正在测试如何使用 webpack 构建项目,然后将其 uglify 用于生产。
问题:当我在本地构建项目并提供服务时,从 localhost:8080/ 提供服务,并且所有内容都从 localhost:8080/ 正确加载,例如:
GET localhost:8080/index.html
GET localhost:8080/app.js
GET localhost:8080/angular.png
等等......它就像魔法一样工作。
当我将“dist”文件夹推送到 gh-pages 分支https://github.com/SomePeaceStudio/manatelpa/tree/gh-pages(我正在使用 gh-pages 进行项目)时,我的页面路径将是: https://somepeacestudio.github.io/manatelpa/ 在这种情况下它加载 index.html 从
GET https://somepeacestudio.github.io/manatelpa/
但它试图从我的项目中获取其余部分
GET https://somepeacestudio.github.io/app.bb10406340c613a712e4.css [HTTP/1.1 404 Not Found 46ms]
GET https://somepeacestudio.github.io/polyfills.bb10406340c613a712e4.js [HTTP/1.1 404 Not Found 44ms]
GET https://somepeacestudio.github.io/vendor.bb10406340c613a712e4.js [HTTP/1.1 404 Not Found 32ms]
GET https://somepeacestudio.github.io/app.bb10406340c613a712e4.js [HTTP/1.1 404 Not Found 67ms]
GET https://somepeacestudio.github.io/vendor.bb10406340c613a712e4.js [HTTP/1.1 404 Not Found 43ms]
GET https://somepeacestudio.github.io/app.bb10406340c613a712e4.js
而不是来自:
https://somepeacestudio.github.io/manatelpa/.....
难怪找不到它,我不知道该怎么办,所有的 webpack 构建配置都在 config/ 文件夹(common + prod)中。我需要修复它。
我不知道如何处理这个问题..我什至不知道如何正确命名它来做一些谷歌搜索..
我是否应该更改在我的 index.html 页面上加载内容的方式(它会自动执行),如果是这样,如何强制它从 baseurl/manatelpa/.. 加载我的所有内容。我寻找一些优雅的解决方案,如果有的话。
我绝对不是 webpack 和 ghpages 配置的专家。