Vue组件开发-测试-发布流程总结

组件规范化开发要求

• 单文件组件开发（SFC）
• 单元测试实现
• 支持<script>及模块化规范引入
• 发布到npm

组件开发

Vue组件开发规范

单元测试

引入vue官方提供test-utils工具进行测试，并基于jest运行测试脚本。

编写单元测试脚本yourApp.spc.js：

打包构建

虽然可以直接分享.vue文件，但这样会让那些想直接通过js引用的人无法使用，所以我们需要打包构建。

选择rollup打包，生成yourApp.umd.js到dist目录下，可直接引用。

发布到npm私服

$ npm install nrm -g
$ nrm add xxx http://xx.xx.xx.xx
$ nrm use xxx
$ npm publish