制作并发布一个Vue组件npm包
本人以前从来没有发不过npm包,所以写此篇文章用来记录发布一个npm包的步骤,当然也借鉴了网友的操作步骤,此篇文章用来作为一个笔记记录。
整个的基础的目录结构是:
创建Vue组件
本地创建一个项目文件,进入文件中
执行
npm init
按照提示输入即可,文件中生成package.json
文件
相信很对人对于package.json
的配置是相当熟练了
对于package.json
中name的设定:
- 不要和文件名称一样
- 我之前设定的是
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&#