javascript - pembungkusan webpack akan membungkus semua fail di bawah direktori
代言
代言 2017-06-30 09:52:21
0
1
804

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.vuedan

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
代言
代言

membalas semua (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.

    Muat turun terkini
    Lagi>
    kesan web
    Kod sumber laman web
    Bahan laman web
    Templat hujung hadapan
    Tentang kita Penafian Sitemap
    Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!