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