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": {
"