javascript - pembungkusan webpack akan membungkus semua fail di bawah direktori

Question

Jika dikonfigurasikan dengan cara berikut, fail VUE yang diimport hanya akan dibungkus dengan vue yang saya perlukan

import Vue from 'vue'
import vueTap from 'v-tap';
import $ from '@/public/libs/zepto.min';
import pkg from '../package.json';


window.wx = require('@/public/libs/weixin-1.0.0');
window.APP = require('@/public/libs/APP');
window.Share = require('@/public/libs/share');
import '@/public/style/reset.css';

Vue.use(vueTap);
Vue.config.productionTip = false;

const App = require(`@/page/dialog.vue`);

new Vue({
  el: "#app",
  render: h => h(App)
});

Tetapi jika saya ingin menetapkan fail vue yang perlu diimport mengikut konfigurasi, semua vue di bawah direktori halaman di atas akan dibungkus

import Vue from 'vue'
import vueTap from 'v-tap';
import $ from '@/public/libs/zepto.min';
import pkg from '../package.json';


window.wx = require('@/public/libs/weixin-1.0.0');
window.APP = require('@/public/libs/APP');
window.Share = require('@/public/libs/share');
import '@/public/style/reset.css';

Vue.use(vueTap);
Vue.config.productionTip = false;

var templateName = pkg.template;
const App = require(`@/page/${templateName}.vue`);

new Vue({
  el: "#app",
  render: h => h(App)
});

Perbezaannya ialah:
const App = memerlukan(@/page/${templateName}.vue);@/page/${templateName}.vue);
和
const App = require(@/page/dialog.vue dan

const App = memerlukan(@/page/dialog.vue< / kod>);

Tujuan: Mengikut konfigurasi saya, hanya fail vue yang dikonfigurasikan dibungkus setiap kali saya membungkus, bukan semua fail vue 🎜

Answer 1

Kebergantungan dinamik tidak dapat menentukan kebergantungan pada masa penyusunan, jadi webpack akan cuba membungkus semua modul yang mungkin dirujuk untuk memastikan masa jalan biasa.

Sediakan dua idea untuk pembungkusan mengikut konfigurasi

1. Tulis konfigurasi sebagai pembolehubah persekitaran dan bukannya pembolehubah program.

2. Dicapai melalui pelbagai pintu masuk.