javascript - webpack打包 會把一個目錄下面的所有文件都打包
問題描述
如果用下面的方式配置,引入的VUE文件,打包的時候只會打包我需要的vue
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)});
但如果,我想要根據配置來設置需要引入的vue文件,就會把以上page目錄下面的所有vue都打包
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)});
不同之處在:const App = require(@/page/${templateName}.vue);和const App = require(@/page/dialog.vue);
目的:根據我的配置,每次打包的時候只打包配置的vue文件,不要所有的vue都都打包進來
問題解答
回答1:動態依賴在編譯時完全無法確定依賴關系,所以 webpack 會嘗試將所有可能引用到的 module 進行打包,以保證運行時正常。
按照配置打包提供兩個思路
將配置寫成環境變量,而不是程序變量。
通過多入口的形式來實現。
相關文章:
1. 關于docker下的nginx壓力測試2. mac里的docker如何命令行開啟呢?3. docker - 各位電腦上有多少個容器?。咳萜饕欢?,自己都搞混了,咋辦呢?4. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””5. docker容器呢SSH為什么連不通呢?6. nignx - docker內nginx 80端口被占用7. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題8. docker gitlab 如何git clone?10. angular.js使用$resource服務把數據存入mongodb的問題。

網公網安備