webpack+vue单页应用注册全局js

Question

我自己写了一个js文件，格式如下

import axios from 'axios'
import env from '../../config/env'
import Vue from 'vue'
import router from '../router'

axios.defaults.withCredentials = true

export default {
  ...
}

然后在每个vue文件都import u from '@/libs/u.js'，感觉很冗余
请问怎样把这个变量u直接注册到全局呢，不需要import就可以直接在vue中使用js文件里面的方法

Answer 1

webpack 中可以写入插件的地方全局调用
也可以挂载在vue的原型中
还可以挂载window上

那里可以改成路径

Answer 2

vue插件了解一下

Answer 3

import Vue from 'vue'
import u from '@/libs/u.js'

Vue.prototype.$u = u;

//实例中调用
this.$u();

Answer 4

最简洁直接有效的方法： 在index.html里面直接通过script引用你那个js