npm插件打包及发布流程

npm插件打包及发布流程

npmjs网址

地址: https://www.npmjs.com/
发布插件需先在此网站注册账号

第一步：初始化项目

需创建一个空项目，用来打包插件
使用 vue init webpack-simple project-name 初始化项目

此处使用vue init webpack-simple,而非vue init webpack是为了生成的项目配置更简洁，因为只是打包插件使用，配置项越多，改起来就越麻烦,webpack-simple就够了，初始化项目此步略过，一顿噼里啪啦的操作即可

第二步：修改项目目录

我删除了src目录下多余文件，此处写的插件是基于vue的一个工具类插件，不需要多余的文件(可依据个人需求，进行此操作)

1. 删除多余文件（此图为初始化项目后生成的文件目录）红框中是删除的文件
   

2. 在src目录下新建index.js文件
   

第三步：编写插件，修改项目配置

1. index.js中编写自己的插件

export def