vue组件npm打包发布

#### [组件库模板](带有一个组件的组件库项目模板) #### 搭建vue空的项目: `vue init webpack 项目名称` #### 目录结构修改如下: 项目根目录下新建example文件夹 将src下面的App.vue和main.js移入example文件夹中,在example文件夹下新建index.html,index.html 修改配置文件 #### 安装依赖 `cnpm install` `cnpm install css-loader --save-dev`(已安装) `cnpm install style-loader --save-dev` `cnpm install less less-loader --save-dev` `cnpm install --save-dev compression-webpack-plugin`//降低版本至1.1.11 `cnpm install iview --save` #### main.js中引入 `import iView from 'iview';` `import 'iview/dist/styles/iview.css';` `Vue.use(iView);` #### 注意问题 覆盖iview样式时,不要写在scoped中[参考网址](http://www.mamicode.com/info-detail-2229261.html) 配置压缩时要安装compression-webpack-plugin[参考网址](https://www.jianshu.com/p/26849b857dce) `cnpm install --save-dev compression-webpack-plugin` 要降低版本至: `"compression-webpack-plugin": "^1.1.11",` 发布之后如果使用镜像安装需等待10分钟 #### 将项目模板上传到github[参考文档](https://blog.csdn.net/shu580231/article/details/77051875/)