基于lime-painter海报画板制作的富文本解析器发布到npm的过程

基于lime-painter海报画板制作的一个富文本解析器，使用HTML生成海报（支持度参考lime-painter，理论上uniapp均支持），只有一个ts文件

 

废话不多说，按步骤来

1. 首先你得安装node

2. 其次在当前的文件夹，初始化npm以及您的index.ts文件(指的是目标文件，在这之前它是啥名称都改为入口文件src/index.ts)

npm init -y

3. 因为是ts文件，你得安装对应的依赖库 后续好解析为js

npm install --save-dev typescript @types/node

4.初始化tsconfig.json文件

npx tsc --init

5. 配置tsconfig.json

{
  "compilerOptions": {
    "outDir": "dist",
    "rootDir": "src",
    "module": "CommonJS",
    "target": "ES6",
    "declaration": true
  }
}

6.现在配置您的package.json文件,记住这里面的配置项name代表你的插件名称

"main": "dist/index.js",
"types": "dist/index.d.ts",
"scripts": {
  "build": "tsc"
}

7.再编译ts文件

npm run build

 

8. 登录npm：https://www.npmjs.com/

npm adduser

您可能在此要用：用户名、密码、邮箱去验证登录状态 会发送几个邮箱验证码给您确认

9. 最后发布即可

npm publish