如何获取与.umd.js文件捆绑在一起的外部依赖项

时间:2019-05-18 17:18:14

标签: vue.js plugins vuejs2 nuxt.js vue-cli

我在自定义插件中使用了很多Vue依赖项:

  • Vue资源
  • Vee验证
  • Vue路由器
  • 时刻>
  • Bootstrap Vue
  • 引导程序

我正在将所有这些加载到添加p11n模块时创建的plugin.js文件中。我设置了一些自定义清算人以及其他一些东西。我不确定是否已将它们正确添加到此文件中。

我将Vue Router包含在router.js文件中。

// Import required packages
import Vue from 'vue'
import VeeValidate from 'vee-validate'
import VueResource from 'vue-resource'
import BootstrapVue from 'bootstrap-vue'

import '@fortawesome/fontawesome-free/css/all.min.css'

import plugin from './index'

Vue.use(require('vue-moment'))
Vue.use(VueResource)
Vue.use(VeeValidate)
Vue.use(BootstrapVue)

VeeValidate.Validator.extend('mobile', function (value) {
  var numbers = /^07[1-57-9]{1}[0-9]{8}$/
  var drama = /^07700900[0-9]{3}$/
  if (numbers.test(value) && !drama.test(value)) return true
  return false
})

VeeValidate.Validator.extend('dobAge', function (value, formData) {
  var data = formData
  var today = new Date()
  var birth = new Date(data['AppDOBYear'], parseInt(data['AppDOBMonth']) - 1, data['AppDOBDay'])
  var age = today.getFullYear() - birth.getFullYear()
  var month = today.getMonth() - birth.getMonth()
  if (month < 0 || month === 0 && today.getDate() < birth.getDate()) age--
  return !(age < 18)
})

Vue.use(plugin)

我面临的问题是,使用像Nuxt JS这样的模块系统时,一切工作正常,但是在构建项目时,链接到umd.js JS文件的工作正常,但是与外部依赖项有关的一切似乎都可以在我的网站中未定义。

反正是在构建JS文件的输出中捆绑了外部依赖项吗?

0 个答案:

没有答案