npm 集成axios

转载

mob64ca13fd9f8e 2024-09-23 11:29:42

文章标签 npm 集成axios npm vue.js javascript json 文章分类 iOS 移动开发

注册npm账号

在发布组件到npm之前，首先我们需要先注册一个[npm官网](https://www.npmjs.com/)的账号，以备发布组件时使用。

npm 集成axios_javascript

需要填写的信息：

填写用户名（username）要记牢，登录时要时要用到。
邮箱地址（email）选择常用的，要记牢，以后修改密码，忘记密码都会通过邮箱来处理。
密码（password）尽量复杂一些。要记牢，建议实用高强度密码（英文大小写+数字+半角字符）组合。

发布组件前准备工作

创建发布组件目录在项目src目录下新建一个package文件夹备用。

components
package新建文件夹

echarts 新建文件夹组件文件夹。可以放置多个，当前仅举一个例子。

EchartsPieComponent.vue 要发布的组件
（此处省略多个）…

index.js 新建文件全局注册组件脚本，引入到新项目时，无需局部注册，全局可用。

注册全局组件

import EchartsPieComponent from "./echarts/EchartsPieComponent.vue"; 
							    ......
							省略其他组件引入
							    ......
const coms = [EchartsPieComponent]; //如果目录内有多个组件，可在数组内自行增加

const install = function (Vue) {

  coms.forEach((component) => {

    Vue.component(component.name, component);

  });

};

export default install;

设置打包命令package.json 在package.json中新增package命令 1.- -name 打包后文件名称 2.- -dest 打包后目录名称 3.- -targer 组件的目标地址

"scripts": {
    "serve": "vue-cli-service serve --mode development",
    "serve:prod": "vue-cli-service serve --mode production",
    "serve:stage": "vue-cli-service serve --mode staging",
    "build": "vue-cli-service build",
    "build:prod": "vue-cli-service build --mode production",
    "build:dev": "vue-cli-service build --mode development",
    "build:stage": "vue-cli-service build --mode staging",
    "package":"vue-cli-service build --target lib ./src/package/index.js --name echarts-pie-component --dest echarts-pie-component",
    "lint": "vue-cli-service lint"
  }