javascript - 从另一个文件执行部分代码

Question

我有几个全局函数，我在 ma​​in.js 中定义如下:

Vue.prototype._isMobile = function () {
  return $(window).width() < 768
}
//Few more such things

我想移动到其他文件，例如 util.js，如下所示:

return (function () {
  import Vue from 'vue'
  Vue.prototype._isMobile = function () {
    return $(window).width() < 768
  }
})();

并在 ma​​in.js

中添加了以下代码

require('util.js')

我尝试了更多的变体，但这不起作用，我也尝试了导出、导入，但这些也不起作用。做这样的事情应该有什么更好的方法。

编辑

我尝试了使用插件的建议，我创建了文件:util.js，如下所示:

Util.install = function (Vue, options) {
  Vue.prototype._isMobile = function () {
    return $(window).width() < 768
  }
}

在 ma​​in.js 中:

import Util from 'util'
Vue.use(Util)

但是得到这个错误:

Uncaught TypeError: plugin.apply is not a function

Answer 1

您可以使用 plugins正如我从您的问题中理解的那样，使其变得简单和模块化。

将此添加到 utils.js

const customPlugin = {}

customPlugin.install = (Vue, options) => {
  Vue.prototype._isMobile = () => {
    return $(window).width() < 768
  }
}

export default customPlugin

然后在您的 main.js 中，您可以像使用任何其他插件一样使用它，例如:

import customPlugin from '/path/to/customPlugin'

Vue.use(customPlugin)