我通过VueCLI创建了一个自定义库。我希望通过在最终包中不包含vuetify和vue.js来减少构建的大小。
我的最终构建文件(*.umd.min.js)在使用以下命令构建时工作正常:vue-cli-service build --inline-vue --target lib --formats umd-min ./src/components/Component.vue
如果我将vuetify和vue.js外部化,那么当我连接库时,我会得到错误:
vuetify库中的Cannot read property 'extend' of undefined
如何从构建中删除vuetify和vue.js?
4条答案
按热度按时间k75qkfdt1#
我使用构建命令:
vue-cli-service build --target lib --formats umd-min ./src/components/Component.vue
并在核心应用程序中全球注册了vuetify组件。
hts6caw32#
我能够使用这里的指南中描述的卷起来完成这一操作。
https://blog.harveydelaney.com/creating-your-own-vue-component-library/
关键是要确保vuetify列在package.json的peerDependencies中。
cyej8jka3#
您可以使用
在您的应用程序的vue.config.js中使用库。
8cdiaqws4#
我可以通过babel.config.js的以下设置避免此错误。
我有一个库,其中不包括vue和vuetify,因为使用它们作为外部对象:
有关更多详细信息,请参阅repository。