나는 내 문제에 대한 제목을 찾는 것이 쉽지 않았기 때문에 질문 제목을 명확히하려고 노력할 것입니다.
질문은 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 구성에서 전문가가 아닙니다.
해결책은 간단했습니다. webpack 출력 객체에서 "publicPath"를 변경해야했습니다.
publicPath: '/manatelpa/'
여기에서 편집했습니다 : https://github.com/SomePeaceStudio/manatelpa/blob/a60070da7a0507bc2b6e3ce15b9bfd71df756649/config/webpack.prod.js#L14
이제 모든 파일이 / manatelpa / ...에서 제공됩니다.
큰!
또한 제안에 대한 Rishat에게 감사드립니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다