我的vue3插件之路
2021-11-19 16:36:36
偶然在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