npm插件开发-Vue插件

本文档详细介绍了如何从初始化项目到成功上传npm库,开发并发布Vue插件的全过程。包括修改入口文件、调整webpack配置、创建lib目录放置源码,以及遇到的错误及其解决方案,如解决重复name问题和npm publish的代理设置问题。
摘要由CSDN通过智能技术生成

1、初始化项目

vue init webpack-simple npm-vue-ui

2、修改入口文件

{
  "name": "npm-vue-ui",
  "description": "npm插件库",
  "version": "1.0.5",
  "author": "gengbigbing",
  "license": "MIT",
  "private": false,         // 插件的话,需要设置为false
  "main": "dist/build.js",  // 修改这个入口文件
  "scripts": {
    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
  },
  "dependencies": {
    "npm-vue-ui": "^1.0.5",
    "vue": "^2.5.11"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ],
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-preset-env": "^1.6.0",
    "babel-preset-stage-3": "^6.24.1",
    "cross-env": "^5.0.5",
    "css-loader": "^0.28.7",
    "file-loader": "^1.1.4",
    "less": "^3.11.1",
    "less-loader": "^5.0.0",
    "vue-loader": "^13.0.5",
    "vue-template-compiler": "^2.4.4",
    "webpack": "^3.6.0",
    "webpack-dev-server": "^2.9.1"
  }
}

3、修改webpack(主要打包)<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

兵腾傲宇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值