javascript - webpack 패키징은 디렉토리 아래의 모든 파일을 패키징합니다.

Question

다음과 같이 구성하면 가져온 VUE 파일은 나에게 필요한 Vue로만 패키징됩니다

으아아아

하지만 구성에 따라 가져와야 하는 vue 파일을 설정하려면 위 페이지 디렉터리 아래의 모든 vue가 패키징됩니다

으아아아

차이는 다음과 같습니다.
const App = require(@/page/${templateName}.vue);@/page/${templateName}.vue);
和
const App = require(@/page/dialog.vue 및

const App = require(@/page/dialog.vue< / 코드>);

목적: 내 구성에 따르면 모든 vue 파일이 아닌 구성된 vue 파일만 패키징됩니다.

Answer 1

동적 종속성은 컴파일 타임에 종속성을 결정할 수 없으므로 webpack은 정상적인 런타임을 보장하기 위해 참조될 수 있는 모든 모듈을 패키징하려고 시도합니다.

구성에 따른 포장 아이디어 2가지 제시

1. 프로그램 변수 대신 환경 변수로 구성을 작성하세요.

2. 여러 입구를 통해 달성됩니다.