发布npm包流程

55 阅读1分钟

(1)初始化Vue项目

vue create my-app

(2)运行项目

npm run serve

(3)新建组件

image.png (4)注册组件

image.png (5)修改打包配置

1658371446820.jpg

npm run package

image.png

(6)配置组件package.json

cd soso-ui-test
  npm init -y

(7)发布到npm

   npm publish

发布失败原因可能有:

1.package.json内有private:true 建议删掉 或者false

2.发布组件名称重复 建议换个名字

3.组件内 name 很关键

4.需要切换到npm源

image.png (8)使用方法 npm i soso-ui-test

image.png

main.js内引入

image.png

页面内使用

image.png

(9)版本升级

npm version patch
npm publish