vue 封装插件到npm上

使用vue封装插件并上传到npm上，用npm i xxx -S下载下来使用
配置文档(在template中使用)
配置文档(用this.xxx使用)

1.新建一个vue项目: vue init webpack-simple “项目名”

vue init webpack-simple “项目名” (这样的vue项目中会有webpack.config.is文件,是用来配置插件代码的)
删除src中除了main.js和app.vue外的文件，清空app.vue中无用内容-----在src文件夹下新建一个lib文件夹（包含插件名.vue和index.js)
注意：此时的入口文件就不再是main.js，而是lib/index.js文件

2.修改webpack.config.js部分配置

详情请参考上面配置文档查看详情
filename一般默认不改，就是build.js,如果改了那么要和index.html中引入地址名称保持一致

3.lib/index.js文件

4.初始化项目，生成版本号和git项目地址，前提是代码需要放在github上

5.package.json文件

注意：此时，main: ''入口文件之前是main.js main:‘main.js’ 但是现在的入口文件不是main.js而是lib/index.js

6、打包项目：npm run build

测试下项目是否能打包，有没有问题

7.上传到npm上

1.首先，得先上npm官网上注册一个账号，已有账号的跳过这步，记住账号和密码
npm login :登录账号
输入这行命令会让你登录账号、密码、邮箱等。由于密码是保密的，在输入时是不显示的，直接输入密码敲回车就行
npm publish 发布 这个发布的时候如果有问题也能是源的问题，要切换成npm默认源

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！