慕虎7371278
2023-03-18 14:51:40
vue我已經(jīng)設(shè)法通過(guò)使用 Webpack 配置來(lái)做到這一點(diǎn)externals首先,我在我的 html 文件中包含了 Vue 的 CDN索引.html<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>然后我修改了我的 webpack 配置查看.config.jsmodule.exports = { configureWebpack: { // ... externals: { vue: 'Vue', } // ... },}一切都很順利。但是當(dāng)我嘗試使用vue-class-componentand時(shí)vue-property-decorator,它并沒(méi)有像預(yù)期的那樣工作索引.html<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script><script src="https://cdn.jsdelivr.net/npm/vue-class-component@7.2.5"></script><script src="https://cdn.jsdelivr.net/npm/vue-property-decorator@9.0.0"></script>查看.config.jsmodule.exports = { configureWebpack: { // ... externals: { vue: 'Vue', 'vue-class-component': 'VueClassComponent', 'vue-property-decorator': 'VuePropertyDecorator', } // ... },}我注意到這些文件的名稱不同,以.common.js和結(jié)尾.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', } // ... },}但它也沒(méi)有用以下是我如何將這些導(dǎo)入我的src/. 腳本是用打字稿寫的import Vue from 'vue'// ...import { Component } from 'vue-property-decorator'任何人都知道如何externals在 webpack 中處理.common.js和.umd.js?非常感謝!
1 回答

慕尼黑5688855
TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超2個(gè)贊
我認(rèn)為問(wèn)題不一定出在 Webpack 配置中......
如果我嘗試加載https://cdn.jsdelivr.net/npm/vue-class-component@7.2.5
它給我Original file: /npm/vue-class-component@7.2.5/dist/vue-class-component.common.js
這是 CommonJS 構(gòu)建 - 瀏覽器將不會(huì)處理它。嘗試使用指向“瀏覽器兼容”構(gòu)建的鏈接,例如https://cdn.jsdelivr.net/npm/vue-class-component@7.2.6/dist/vue-class-component.min.js
vue-property-decorator
應(yīng)該沒(méi)問(wèn)題,因?yàn)?a >UMD 模塊應(yīng)該在瀏覽器中工作......
順便說(shuō)一句,這一切有什么意義?為什么不讓 Webpack 做它的事情呢?最好先下載一個(gè)大的 JS 文件,然后再下載多個(gè)小的……
添加回答
舉報(bào)
0/150
提交
取消