이 글에서는 webpack 학습 튜토리얼에서 publicPath 경로 문제에 대한 관련 정보를 주로 소개합니다. 이 글에서는 샘플 코드를 통해 매우 자세하게 소개하고 있으며, 필요한 모든 사람이 살펴볼 수 있는 학습 가치가 있습니다. 아래에.
이 글에서는 webpack의 publicPath 경로 문제에 대한 관련 내용을 주로 소개하고 참고 및 학습을 위해 공유합니다. 자세한 소개를 살펴보겠습니다.
output: {
filename: "[name].js",
path:path.resolve(dirname,"build")
}publicPath가 지정되지 않은 경우 소개 경로는 다음과 같습니다
<body> <script src="b.js"></script> </body>
publicPath를 지정하는 경우
output: {
filename: "[name].js",
path:path.resolve(dirname,"build"),
publicPath:"/assets/"
}를 다음과 같이 소개합니다
<body> <script src="assets/b.js"></script> </body>
webpack-dev-server 환경에서는 경로, publicPath, 차이점 및 연결
경로: 컴파일 디렉터리(/build/js/)만 지정하세요. html의 jsquotes에는 사용할 수 없습니다.
publicPath: 가상 디렉터리, 자동으로 경로 컴파일 디렉터리(/assets/ => /build/js/)를 가리킵니다. HTML에서 js 파일을 참조할 때 이 가상 경로를 인용해야 합니다(그러나 실제로는 /build/js/나 /assets/가 아닌 메모리에 있는 파일을 참조합니다).
=========================================== ===
프로덕션 환경에 게시:
1. webpack으로 컴파일합니다(물론 /build/js/로 컴파일).
2. 모든 파일을 컴파일 디렉터리(/build/js/)에 복사합니다. /assets/ 디렉토리 (참고: index.html에서 Bundle.js를 참조하는 경로를 수정하지 마세요)
이전에는 publicPath의 잘못된 경로로 인해 webpack-dev-server가 자동으로 새로 고칠 수 없었습니다
위 내용은 PublicPath 경로 문제 및 해결 방법 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
