制作并发布一个Vue组件npm包

制作并发布一个Vue组件npm包

本人以前从来没有发不过npm包，所以写此篇文章用来记录发布一个npm包的步骤，当然也借鉴了网友的操作步骤，此篇文章用来作为一个笔记记录。

整个的基础的目录结构是：

创建Vue组件

本地创建一个项目文件，进入文件中
执行

npm init

按照提示输入即可，文件中生成package.json文件
相信很对人对于package.json的配置是相当熟练了
对于package.json中name的设定：

1. 不要和文件名称一样
2. 我之前设定的是study-npm-publish，打包的时候提示我名称太简单，建议改成@Username/study-npm-publish ，其中npm Name是登录npm的用户名。

package.json

{
  "name": "@Username/study-npm-publish",
  "version": "1.0.0",
  "description": "A first NPM publish",
  "main": "dist/helloMsg.min.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack-dev-server --hot  --inline",
    "build": "webpack --display-error-details --config webpack.config.js"
  },
  "author": "Iris Ho",
  "license": "MIT",
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-helpers": "^6.24.1",
    "babel-loader": "^7.1.5",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-polyfill": &#