[英]Sapper. How to globally use third-party libraries
我想在服务器和客户端访问可变gun
。
这是我的模块:
import Gun from 'gun/gun'
import Sea from 'gun/sea' // eslint-disable-line no-unused-vars
export const gun = Gun({
localStorage: true,
radisk: true,
peers: ['http://localhost:8765/gun']
})
如果它是Nuxt
,而我想放弃它而使用Sapper
,则可以这样实现:
import Gun from 'gun/gun'
import 'gun/sea'
import 'gun/lib/open'
const gun = Gun({
localStorage: true,
radisk: true,
peers: ['http://localhost:8765/gun']
})
export default ({ app }, inject) => {
inject('gun', () => gun)
}
// nuxt.config.js
...
plugins: [{ src: '@/plugins/gun.js' }]
...
因此,我将在任何地方都可以使用$gun
:
在服务器端:
export default {
asyncData(context){
context.app.$gun()
}
}
在客户端:
methods: {
submit() {
const gun = this.$gun()
const user = this.$gun().user()
...
}
}
并且在模板中:
<template>
<div>{{ $gun }}</div>
</tempalte>
这个问题与问题( gun
)中正在讨论的特定库的使用无关。 它可以是Websocet
连接(然后我们将以相同的方式传递ws
变量sun。)或rpc(与Bitcoin
进行连接)-我可以举很多例子,其中这可能很重要。
在某处我读到您需要通过rollbar
来实现此功能,在某处我读到一个关于常规模块的内容( es6
或.svelte
)-但是随后我遇到了许多其他问题...
我真的没有看到直接的问题,但我只是猜测...您正在尝试在svelte中使用全局变量(从nuxt移出)?
Svelte使用汇总,您的根目录中应该有一个.rollup.config.js文件。
export default {
...
plugins: [
svelte({
// magic happens here
})
]
}
有关(我认为您的问题所在)的更多文档,包括全局变量。 https://svelte.dev/docs#Compile_time & https://github.com/rollup/rollup-plugin-svelte
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.