Я создал компонент vue, который хочу опубликовать в npm (уже сделал), но мне было интересно, нужно ли мне добавить 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
У меня было ощущение, что для довольно маленького компонента, который я строю, размер пучка относительно велик
Это мой вывод:
Файл | Размер | Сжат GZIP
dist \ my_component.umd.min.js | 61,67 КиБ | 18,62 КиБ
dist \ my_component.umd.js | 143,66 КиБ | 32,61 КиБ
dist \ my_component.common.js | 143,27 КиБ | 32,49 КиБ
Итак - короткая история: мне было интересно, увеличит ли зависимость от vue размер моего комплекта и действительно ли он требуется в качестве зависимости при публикации одного компонента.