亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用 Webpack (vue-cli) 從生產構建中排除 CommonJS 庫

如何使用 Webpack (vue-cli) 從生產構建中排除 CommonJS 庫

慕虎7371278 2023-03-18 14:51:40
vue我已經設法通過使用 Webpack 配置來做到這一點externals首先,我在我的 html 文件中包含了 Vue 的 CDN索引.html<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>然后我修改了我的 webpack 配置查看.config.jsmodule.exports = {  configureWebpack: {    // ...    externals: {      vue: 'Vue',    }    // ...  },}一切都很順利。但是當我嘗試使用vue-class-componentand時vue-property-decorator,它并沒有像預期的那樣工作索引.html<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>查看.config.jsmodule.exports = {  configureWebpack: {    // ...    externals: {      vue: 'Vue',      'vue-class-component': 'VueClassComponent',      'vue-property-decorator': 'VuePropertyDecorator',    }    // ...  },}我注意到這些文件的名稱不同,以.common.js和結尾.umd.jsvue-class-component.common.jsvue-property-decorator.umd.js然后我試了查看.config.jsmodule.exports = {  configureWebpack: {    // ...    externals: {      vue: 'Vue',      'vue-class-component': 'commonjs2 vue-class-component',      'vue-property-decorator': 'umd vue-property-decorator',    }    // ...  },}但它也沒有用以下是我如何將這些導入我的src/. 腳本是用打字稿寫的import Vue from 'vue'// ...import { Component } from 'vue-property-decorator'任何人都知道如何externals在 webpack 中處理.common.js和.umd.js?非常感謝!
查看完整描述

1 回答

?
慕尼黑5688855

TA貢獻1848條經驗 獲得超2個贊

我認為問題不一定出在 Webpack 配置中......

如果我嘗試加載https://cdn.jsdelivr.net/npm/[email protected]它給我Original file: /npm/[email protected]/dist/vue-class-component.common.js這是 CommonJS 構建 - 瀏覽器將不會處理它。嘗試使用指向“瀏覽器兼容”構建的鏈接,例如https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-class-component.min.js

vue-property-decorator應該沒問題,因為UMD 模塊應該在瀏覽器中工作......

順便說一句,這一切有什么意義?為什么不讓 Webpack 做它的事情呢?最好先下載一個大的 JS 文件,然后再下載多個小的……


查看完整回答
反對 回復 2023-03-18
  • 1 回答
  • 0 關注
  • 146 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號