我的vue3插件之路

偶然在QQ群里看到别人写了一个框架， 我突然想到: 写了这么久的vue3了，我是不是也应该有所作为， 然后开启了刨坑之路 。 内容很多，想记录下来，但是感觉是一个大工程， 就随便写一个，做个简单的记录。 罗列几个我遇到的问题：

一. vue3插件怎么写

 官网查看 师傅领进门，修行在个人。 我没修行好，就不误人子弟了。 等后面我觉得时候到了的时候，会一起跟大家分享。

二. 怎么打包到npm

• a. 首先到npm注册账号, 官网地址https://www.npmjs.com/，公司的网不需要“科学上网”， 真香！
• b. 打包好的文件直接npm publish， 记住第一次发布的时候需要npm login ， 根据提示输入账号/密码/邮箱就行

过程中会有各种千奇百怪的报错，慢慢解决，只要功夫深，铁杵磨成针！

三. 本地应该怎么配置才能打包到npm

我现在只知道一种方法，就是在package.json中配置。 在 package.json 里的 scripts 添加一个 lib 命令

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lib": "vue-cli-service build --target lib --name vue-plugins-msg-jello --dest lib src/components/plugins/index.js"
  },

lib配置参数

target: 默认为构建应用，改为 lib 即可启用构建库模式
name: 输出文件名
dest: 输出目录，默认为 dist，这里我们改为 lib
entry: 入口文件路径，默认为 src/App.vue

发布前配置package.json

name: 包名，该名不能和已有的名称冲突
version: 版本号，不能和历史版本号相同
description: 简介
main: 入口文件，应指向编译后的包文件
keyword：关键字，以空格分割
author：作者
private：是否私有，需要修改为 false 才能发布到 npm
license：开源协议

4. 怎么集体打包到一个npm,

虽然可以每个插件打包一次，会不会太麻烦， 是否有简约的配置 还在刨坑中...拭目以待

无论如何，我算是走出了第一步，有了第一步，就不怕第二步了， 加油！

参考： https://segmentfault.com/a/1190000022345263