我的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

关于

联系方式 :

mail: hey_cool@163.com ,
QQ:583459700

备案许可证编号:蜀ICP备16005545号-1 © COPYRIGHT 2015-2021 zhmzjl.com | by: KAPO