vue我已经设法通过使用 Webpack 配置来做到这一点externals
首先，我在我的 html 文件中包含了 Vue 的 CDN
索引.html
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
然后我修改了我的 webpack 配置
查看.config.js
module.exports = {
configureWebpack: {
// ...
externals: {
vue: 'Vue',
}
// ...
},
}
一切都很顺利。
但是当我尝试使用vue-class-componentand时vue-property-decorator，它并没有像预期的那样工作
索引.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.js
module.exports = {
configureWebpack: {
// ...
externals: {
vue: 'Vue',
'vue-class-component': 'VueClassComponent',
'vue-property-decorator': 'VuePropertyDecorator',
}
// ...
},
}
我注意到这些文件的名称不同，以.common.js和结尾.umd.js
vue-class-component.common.js
vue-property-decorator.umd.js
然后我试了
查看.config.js
module.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？非常感谢！
