nuxtjs和ssr，带有flickity滑块和更多插件

Question

我将当前网站转换为nuxtjs和vuejs页面。使用nuxt，我想做服务器端渲染。所以最后是一个静态的html页面。我的vue组件中的导入语句存在问题。所以现在我将优化我的ssr导入。我目前的解决方案如下：

let Flickity = {};
if (process.browser) {
Flickity = require('flickity');
}

在一个组件中，我使用了flickity滑块，此外还有插件flickity sync和flickity fade。通常我只会添加导入状态如下：

let Flickity = {};
if (process.browser) {
Flickity = require('flickity');
}
import 'flickity-sync';
import 'flickity-fade';
import 'flickity-as-nav-for';

但是这不适用于ssr(服务器端渲染(。我想我可以重新请求所有对象并合并这些对象，但这也不起作用。

我能做什么？

Answer 1

解决方案很简单：

let Flickity = {};
if (process.browser) {
Flickity = require('flickity');
require('flickity-sync');
require('flickity-fade');
require('flickity-as-nav-for')
}

：D