📦 插件升级为vue3

Author: sifan

Gulpfile.js

@@ -1,16 +1,28 @@
-const gulp = require('gulp');
+
+const { src, dest, series } = require('gulp');
 const babel = require('gulp-babel');
 const uglify = require('gulp-uglifyjs');
 const rename = require('gulp-rename');
+const clean = require('gulp-clean');
 
-gulp.task('default', () => {
-  return gulp.src('src/index.js')
+function build() {
+  return src('src/index.js', { allowEmpty: true })
     .pipe(babel({
-      presets: ['es2015']
+      presets: [
+        '@babel/env'
+      ]
     }))
     .pipe(rename('vue-axios.es5.js'))
-    .pipe(gulp.dest('dist'))
+    .pipe(dest('dist'))
     .pipe(uglify())
     .pipe(rename('vue-axios.min.js'))
-    .pipe(gulp.dest('dist'));
-});
+    .pipe(dest('dist'));
+}
+
+function clear() {
+  return src('dist/*').pipe(clean({
+    force: true
+  }));
+}
+
+exports.default = series(clear, build)

dist/vue-axios.es5.js

@@ -1,44 +1,27 @@
 "use strict";
 
-var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 
 (function () {
-
   /**
    * Install plugin
-   * @param Vue
+   * @param app
    * @param axios
    */
-
-  function plugin(Vue, axios) {
-
+  function plugin(app, axios) {
     if (plugin.installed) {
       return;
     }
-    plugin.installed = true;
 
     if (!axios) {
       console.error('You have to install axios');
       return;
     }
 
-    Vue.axios = axios;
-
-    Object.defineProperties(Vue.prototype, {
-
-      axios: {
-        get: function get() {
-          return axios;
-        }
-      },
-
-      $http: {
-        get: function get() {
-          return axios;
-        }
-      }
-
-    });
+    plugin.installed = true;
+    app.axios = axios;
+    app.config.globalProperties.axios = axios;
+    app.config.globalProperties.$http = axios;
   }
 
   if ((typeof exports === "undefined" ? "undefined" : _typeof(exports)) == "object") {

dist/vue-axios.min.js

@@ -1,20 +1,18 @@
-import Vue, {PluginFunction, PluginObject} from "vue";
 import { AxiosStatic } from "axios";
+import { App } from "vue";
 
-declare module "vue/types/vue" {
-
-  interface Vue {
-    axios: AxiosStatic;
+export declare function VAxios(app: App): AxiosStatic;
+declare module "@vue/runtime-core" {
+  export interface ComponentCustomProperties {
     $http: AxiosStatic;
+    axios: AxiosStatic;
   }
 
-  interface VueConstructor {
+  export interface App {
     axios: AxiosStatic;
   }
 }
 
-declare class VueAxios {
-  static install: PluginFunction<AxiosStatic>;
-}
+declare function VueAxios(app: App, axios: AxiosStatic): void;
 
 export default VueAxios;