Как получить внешние зависимости в комплекте с файлами .umd.js - PullRequest
Новая
       15

Как получить внешние зависимости в комплекте с файлами .umd.js

0 голосов
/ 18 мая 2019

Я использую довольно много зависимостей Vue в своем пользовательском плагине:

  • Ресурс Vue
  • Vee Validate
  • Vue Router
  • Vue Moment
  • Bootstrap Vue
  • Bootstrap

Я загружаю все это в файл plugin.js, который создается при добавлении модуля p11n. У меня есть несколько настраиваемых ликвидаторов, а также несколько других вещей. Я не уверен, правильно ли я добавил их в этот файл.

Я включаю 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?

...