将Vue组件发布到npm时需要添加哪些依赖项?

时间:2019-03-24 19:42:23

标签: vue.js npm vue-cli-3 npm-publish

我已经构建了一个要发布到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 KiB | 18.62 KiB

dist \ my_component.umd.js | 143.66 KiB | 32.61 KiB

dist \ my_component.common.js | 143.27 KiB | 32.49 KiB

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

0 个答案:

没有答案