imgpreview

　　前记：上一篇 https://www.cnblogs.com/adouwt/p/9211003.html ， 说到了一个完整的vue插件开发、发布的流程，总结下来就讲了这么一个事，如何注入vue, 如果封装vue插件，如何测试vue插件，以及如何发布vue插件到npm。但是，这里开发测试到发布是分开在两个项目的，未免有些多余，今天的笔记讲的就是在上一篇的基础上，重新换了一下项目框架，讲开发测试，到打包发 布一个完整的项目，这个项目欢迎大家测试使用，一个基于vue上传文件的一个插件，能够显示上传的速度和进度，如果是图片的话，也可以显示上传预览，有bug即时反馈哦！ github 地址： https://github.com/adouwt/vue-upload 1.项目架构目录： 这里采用的是vue-cli 脚手架，版本是2.**，vue-cli 3.0 已经出来有一段了。今天暂不用3.0 的，回头会详细说上3.0的打包使用。项目目录如下： 这个项目结构直接用 vue init webapck vue-upload ,脚手架生的模版，大架构我基本没动，添加了一点自己的配置文件和新加了自己的文件夹。如下： 2.打包插件源码的配置文件 var path = require('path' ) var webpack = require('webpack' ) module.exports