如何为 Vue 和 webpack 注册全局 lodash mixin

Question

我想要这个mixin

_.mixin({
  memoizeDebounce: function (func, wait = 0, options = {}) {
    const mem = _.memoize(function () {
      return _.debounce(func, wait, options)
    }, options.resolver)
    return function () {
      mem.apply(this, arguments).apply(this, arguments)
    }
  }
})

为了随处可用，我导入了 lodash。 我怎么做？ 我尝试在 Vue 最初启动的 main.js 中正确分配它，但是 mixin 没有进入我想要使用它的 vuex 商店。

__WEBPACK_IMPORTED_MODULE_12_lodash___default.a.memoizeDebounce is not a function

我该怎么做呢？

我正在使用 vue-cli 附带的 webpack 3.12.0。

Answer 1

你可以这样处理它：

import * as _ from 'lodash';

const utilsMixin = {
  computed: {
    _: () => _,
  },
};

export default utilsMixin;

然后将其导入到您的文件中，如下所示：

Vue.mixin(utilsMixin);