如何使用vue cli 3全局导入语言环境模块?

时间:2018-10-23 17:29:10

标签: vue.js webpack sweetalert2

我使用vue cli 3sweetalert2

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的新实例。

0 个答案:

没有答案