vue该如何全局引入js？

Question

common.js会有很多我自己定义的函数，如：

export function a(){

    //这是一个函数

}

export function b(){

    //这是一个函数

}

export function c(){

    //这是一个函数

}

在ad.vue我会去引用他：

import {a} from '@/assets/js/common.js'

在role.vue我会去引用他：

import {b} from '@/assets/js/common.js'

N个页面需要用到common.js里的函数，我要是一个一个去引用好麻烦，有好的解决方法吗。

我试过在main.js引入common

import '@/assets/js/common.js'

但这种方法不行，会提示XX is not defined

Answer 1

我也是的，放到App.vue也不行~~应该是只能那么写

Answer 2

webpack 中有一个global关键字，可以定义全局属性。利用该关键字定义的属性方法，可以在全局文件中直接使用。