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

Question

我将我当前的网站转换为nuxtjs和vuejs页面。使用nuxt，我想做服务器端渲染。所以最后是一个静态的html页面。我的vue组件中的import语句有问题。因此，现在我将针对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