时间戳

首页 > 解决方案 > 将 vue 组件发布到 npm 时需要添加哪些依赖项？

vue.js - 将 vue 组件发布到 npm 时需要添加哪些依赖项？

问题描述

我已经构建了一个想要发布到 npm 的 vue 组件（已经这样做了），但我想知道是否需要添加 vue 作为依赖项，以及这是否会影响组件的大小。目前我的 package.json 看起来像这样

"dependencies": {
    "vue": "^2.6.6",
    "vue-svg-loader": "^0.12.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.0.5",
    "@vue/cli-plugin-eslint": "^3.0.5",
    "@vue/cli-service": "^3.0.5",
    "babel-eslint": "^10.0.1",
    "eslint": "^5.8.0",
    "eslint-plugin-vue": "^5.0.0",
    "vue-template-compiler": "^2.5.21"
  },

我正在使用 vue-cli-service 通过以下命令构建我的组件

vue-cli-service build --target lib --name my_component_name ./src/index.js

我有一种感觉，对于我正在构建的相当小的组件，捆绑包的大小相对较大

这是我的输出：

文件 | 尺寸 | 压缩包

dist\my_component.umd.min.js | 61.67 千字节 | 18.62 KB

dist\my_component.umd.js | 143.66 千字节 | 32.61 千字节

dist\my_component.common.js | 143.27 千字节 | 32.49 KB

所以 - 长话短说：我想知道对 vue 的依赖是否会增加我的包大小，以及在发布单个组件时是否真的需要它作为依赖项。

标签： vue.jsnpmvue-cli-3npm-publish

解决方案

推荐阅读