webpack 配置组件库不打包vue库
时间: 2023-08-12 21:04:09 浏览: 109
如果你在配置 webpack 打包组件库时,需要排除掉 Vue.js 库,可以通过 externals 属性来实现。
首先在 webpack 配置文件中添加 externals 属性:
```javascript
module.exports = {
// ...
externals: {
vue: 'Vue'
}
}
```
这里的意思是将 Vue.js 库排除在打包范围之外,使用全局变量 Vue 进行引用。
然后在 HTML 页面中引入 Vue.js 库:
```html
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
```
这样在打包时,就不会将 Vue.js 库打包进组件库中了。
阅读全文