Как импортировать модуль локали глобально, используя vue cli 3? - PullRequest
Новая
       7

Как импортировать модуль локали глобально, используя vue cli 3?

0 голосов
/ 23 октября 2018

Я использую vue cli 3 и sweetalert2.

Sweetalert имеет метод mixin, который возвращает новый экземпляр Sweetalert.Ранее я использовал эту комбинацию для глобального импорта swal без необходимости import его везде

1) в vue.config.js: 

chainWebpack: config => {
    config
      .plugin('provide-plugin')
      .use(webpack.ProvidePlugin, [{
        swal: 'sweetalert2'
      }])
      .end()
  }

2) в main.js:

swal.setDefaults({
  cancelButtonText: 'Отменить',
  reverseButtons: true,
})

Однако setDefaults устарело.Поэтому я создал файл с именем swal.js: 

import swal from 'sweetalert2'

export default swal.mixin({
  cancelButtonText: 'Отменить',
  reverseButtons: true
})

И я хочу импортировать его глобально как swal везде.Я попытался указать пути в ProvidePlugin, например: 

chainWebpack: config => {
    config
      .plugin('provide-plugin')
      .use(webpack.ProvidePlugin, [{
        swal: '@/services/swal.js' (or path.resolve(__dirname, 'src/services/swal.js')
      }])
      .end()
  }

Но не смог заставить его работать

Так что в основном мне нужно изменить настройки Sweetalert и импортировать новый экземпляр Sweetalert глобально.

...