Webpack 如何全局引入自己定义的方法？

Question

在使用webpack 中有时候需要自己定义的方法。
在组件使用到的地方引入。个人觉得每一个地方引入太麻烦。
如何将方法定义成全局方法？（方法是放在一个js文件中的）

Answer 1

https://cn.vuejs.org/v2/guide...
中有这样一句话
添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。
于是我在main.js中
import * as xx from './xx.js'
Vue.prototype.xx=xx;

/ eslint-disable no-new /
new Vue({
....

使用的时候直接this.xx.yy就行。
顺便xx.js的写法是
export function yy(a,b,c) {
...

不知道能满足你要求不

Answer 2

• 一般而言，直接在入口文件里使用import xxxx就可以了

• 但是，如果对于类似Vue或者Angular这种框架，Vue和Angular实例内部不会使用入口文件中的方法，可以将该方法在根组件初始化时，放到根组件中去，然后在框架内通过$root调用（Angular是$rootScope，Vue是this.$root，其他的类似框架参照文档）

Answer 3

也可以使用webpack.provideplugin

Answer 4

类似于引入jQuery ，这里有详解。