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?非常感謝!
如何使用 Webpack (vue-cli) 從生產構建中排除 CommonJS 庫
慕虎7371278
2023-03-18 14:51:40