在本地创建一个简易VUE项目 如下图
自定义仙姑
在src目录下创建你自己的组件（我自己创建的自定义反馈组件）
反馈组件
编写调试完自定义VUE组件 然后在组件文件下index.js 创建vue组件入口以及安装（具体install含义参考VUE插件安装）
如图所示
修改webpack文件
1.简易webpack创建的VUE项目 打开webpack.config.js修改如下（没有webpack.config.js 就打开build文件夹下webpack.base.conf.js文件）：
第三方图
2修改package.json 添加 1. main：“你自己组件的路径” 2.files:"你需要发布的文件（一般为你自己的自定义组件，打包完后的dist文件）"
1.注册NPM
2.在根目录下登录NPM npm login（如果使用淘宝镜像要更改过来否则会报错）
3.npm publish 发布（每次更新只要更改package.json版本号 重新publish就好）
第一步： 在本地创建一个简易VUE项目 如下图 在src目录下创建你自己的组件（我自己创建的自定义反馈组件） 编写...
Vue 项目中，引用vue组件，该组件是发布成npm包引入的，组件的目录结构和项目的目录结构相似。报错因素 组件中...
2020.1.20 更新： Vue 组件发布到 npm，安装： HTML 代码： 这里的 input 元素是隐藏的...
1 前 言 平时我们在开发的时候经常使用 npm 安装各种组件。 今天我们就来尝试下制作一个自己的组件发布到 np...
其实很早之前就想尝试着写一写vue组件然后发布npm包，这次借着公司开发新项目，于是封装了一个Toast组件。 我...
前言 现在前端开发基本离不开npm插件包，有的时候自己写了一个组件在多个项目中都有用到，简单粗暴的做法就是C...
转自：http://auan.cn/internet/2026.html 首先问题：开发中我们往往需要做某些功能，...
TL;DR 本文细致讲解了在NPM上发布一个Vue组件的全过程，包括创建项目、编写组件、打包和发布四个环节。 创建...
vue-svg-pan-zoom 组件 安装组件:方式1、执行 npm install --save vue-...
1、用vue-cil初始化组件 2、根据自己需求，实现具体功能，blablabla......❤ 3、添加inst...
本文标题：npm发布自己的VUE组件
本文链接：https://www.haomeiwen.com/subject/rofjqxtx.html
网友评论