javascript - webpack이 패키징될 때 js는 의도적으로 정적 위치에 배치됩니다. 게시 후에는 교체가 적용되지 않습니다.

Question

VUX 프로젝트가 있습니다. 일부 JS를 정적 디렉터리에 배치한 다음 require를 사용하여 JS의 내용을 얻었습니다.

으아아아

vue에서는 다음과 같이 사용하세요:

으아아아

문제는 정적으로 배치할 때 webpack 패키징이 npm run build라면 문제가 없다는 것입니다. 사용 중에 이 sysNav.js를 수정했는데 아무리 캐시를 정리해도 어디에 캐시되어 있는지 모르는 것처럼 여전히 오래된 콘텐츠입니다. 이 파일을 동적으로 수정하여 내용의 일부를 업데이트할 수 있기를 바랍니다. 즉, 최신 콘텐츠를 매번 읽도록 요구하는 방법입니다.

Answer 1

devServer 또는 webpack-dev-middleware webpack-hot-middleware 구성

Answer 2

시청해야만 업데이트됩니다. 시청하지 않으면 어떻게 자동으로 업데이트되나요?

Answer 3

너무 복잡하다고 했나요? 사실 이 문제를 재현하는 방법은 매우 간단합니다.

새 vue 프로젝트를 만들고 js를 정적으로 넣은 다음 vue에서 js를 요구합니다(예: 경고).

npm 실행 빌드, dist의 콘텐츠를 웹 서버에 복사하고, 정적으로 js의 콘텐츠를 수정하면 이 콘텐츠가 적용되지 않음을 알 수 있습니다.

알겠습니다. 질문이 있으신가요? js가 필요한 한 js가 패키징됩니다. 정적 디렉터리에 이 js가 계속 표시되는 이유는 무엇입니까? ? 자신과 남을 속이고 있는 것은 아닌가? ?

---

실제 테스트 결과 js가 필요한 한 webpack은 js를 app.js로 직접 패키징한 다음 정적 콘텐츠가 그대로 dist 디렉터리에 직접 복사된다는 사실을 발견했습니다. app.js에서 테스트 코드를 찾았습니다.

---