npm 包 发布 vue 插件

1、注册npm账号

• npm 官网
• 验证邮箱
• 顺便查一查是否有重名插件，否则不能发布

2、webpack-simple 初始化 vue插件项目

vue init webpack-simple 插件项目名

vue init webpack-simple state-button


? Project name state-button
? Project description A Vue.js project
? Author Sun 
? License MIT
? Use sass? No

   vue-cli · Generated "state-button".

   To get started:

     cd state-button
     npm install
     npm run dev

cd state-button        //进入项目

初始化组件

npm install

3、项目启动基本配置

主要 package.json 文件

{
  "name": "state-button",                //插件名
  "description": "A Vue.js project",     //介绍
  "version": "1.0.2",                    //版本号，每次npm publish 修改，大于上次版本
  "author": "Sun ",                      //作者相关
  "license": "MIT",                      //许可证
  "private": false,                      //修改为false ，发布npm包
  "main":"dist/state-button.js",         //import xxx from "state-button", dist下的文件
  "scripts": {
    "start": "npm run dev",              //修改启动 命令为 npm start
    //去掉 --open,否则启动后默认打开 ie预览
    "dev": "cross-env NODE_ENV=development webpack-dev-server --hot", 
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
  },
  "dependencies": {
    "vue": "^2.5.11"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ],
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babe