如何从构建中排除vuetify和vue?

bcs8qyzn  于 2023-03-03  发布在  Vue.js
关注(0)|答案(4)|浏览(146)

我通过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?

k75qkfdt

k75qkfdt1#

我使用构建命令:vue-cli-service build --target lib --formats umd-min ./src/components/Component.vue
并在核心应用程序中全球注册了vuetify组件。

hts6caw3

hts6caw32#

我能够使用这里的指南中描述的卷起来完成这一操作。
https://blog.harveydelaney.com/creating-your-own-vue-component-library/
关键是要确保vuetify列在package.json的peerDependencies中。

cyej8jka

cyej8jka3#

您可以使用

configureWebpack: {
    resolve: {
      symlinks: false,
      alias: {
        vue$: path.resolve(__dirname, 'node_modules/vue/dist/vue.runtime.esm.js')
      }
    }
  },

在您的应用程序的vue.config.js中使用库。

8cdiaqws

8cdiaqws4#

我可以通过babel.config.js的以下设置避免此错误。

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ]
}

我有一个库,其中不包括vue和vuetify,因为使用它们作为外部对象:

有关更多详细信息,请参阅repository

相关问题