Nuxt в vuejs рендеринг двойной CSS - PullRequest
Новая
       21

Nuxt в vuejs рендеринг двойной CSS

0 голосов
/ 29 мая 2019

My Vue приложение использует Nuxt для рендеринга на стороне сервера и 2 раза отрисовывает CSS. Как избежать этой ситуации? 

<style data-vue-ssr-id="d7914c7a:0">
//Css1
</style>
<style data-vue-ssr-id="68eb569c:0">
//Css2
</style>
<style data-vue-ssr-id="0159269c:0">
//Css3
</style>
<style type="text/css">
//Css1
</style>
<style type="text/css">
//Css2
</style>
<style type="text/css">
//Css3
</style>

Сначала я подумал, что он был сгенерирован МЕНЬШЕ , поскольку я использую МЕНЬШЕ для компиляции CSS , но когда я пробовал только CSS он по-прежнему отображает двойной код CSS , например: 

.ClassNameA {
    right: 0;
    bottom: 0;
    left: 0;
}
.ClassNameB > * {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
}

.ClassNameA {
    right: 0;
    bottom: 0;
    left: 0;
}
.ClassNameB > * {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
}

Изображение из devtool:

...