Почему стили подключаются несколько раз? NUXT

package.json

{
  "name": "Abedo",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
  },
  "dependencies": {
    "@nuxtjs/axios": "^5.13.6",
    "cookie": "^0.5.0",
    "cookie-universal-nuxt": "^2.1.5",
    "core-js": "^3.19.3",
    "nuxt": "^2.15.8",
    "qs": "^6.10.3",
    "swiper": "5.4.2",
    "v-mask": "^2.3.0",
    "vue": "^2.6.14",
    "vue-awesome-swiper": "^4.1.1",
    "vue-server-renderer": "^2.6.14",
    "vue-template-compiler": "^2.6.14",
    "webpack": "^4.46.0"
  },
  "devDependencies": {
    "@nuxtjs/style-resources": "^1.2.1",
    "sass": "^1.48.0",
    "sass-loader": "^10.1.1"
  }
}

nuxt.config.js

export default {
  head: {
    title: 'Abedo',
    htmlAttrs: {
      lang: 'ru'
    },
    meta: [
      {charset: 'utf-8'},
      {
        name: 'viewport',
        content: 'width=device-width, initial-scale=1, minimum-scale=1, user-scalable=no, maximum-scale=1'
      },
      {hid: 'description', name: 'description', content: ''},
      {name: 'format-detection', content: 'telephone=no'},
      {
        hid: 'og:image',
        property: 'og:image',
        content: '/open-graph-main.png'
      }
    ],
    link: [
      {rel: 'icon', type: 'image/x-icon', href: '/new-logo-favicon.png'}
    ]
  },
  ssr: true,
  target: 'server',
  css: [
    '@assets/scss/style.scss',
    "swiper/css/swiper.css"
  ],
  plugins: [
    '@plugins/v-mask.js',
    '@plugins/clientHook.client.js'
  ],
  components: true,

  buildModules: [],
  modules: ['cookie-universal-nuxt', '@nuxtjs/axios', '@nuxtjs/style-resources'],
  generate: {
    crawler: false,
    fallback: true
  },
  styleResources: {
    scss: [
      '@assets/scss/style.scss'
    ]
  },
  build: {
    html: {
      minify: {
        collapseBooleanAttributes: true,
        decodeEntities: true,
        minifyCSS: true,
        minifyJS: true,
        processConditionalComments: true,
        removeEmptyAttributes: true,
        removeRedundantAttributes: true,
        trimCustomFragments: true,
        useShortDoctype: true,
        minifyURLs: true,
        removeComments: true,
        removeEmptyElements: true
      }
    }
  },
  axios: {
    // baseUrl: "http://127.0.0.1:8000"
    baseUrl: "https://abedo.ru"
  },
  pageTransition: {
    name: 'page',
    mode: 'out-in',
    appear: true
  }
}

assets/variables/style.scss - тут только импорты

@import "./variables.scss";
@import "./fonts.scss";
@import "./titles.scss";
@import "./transitions.scss";
@import "./spinner-styles.scss";

Если этого недостаточно, то вот репозиторий - https://github.com/bourbakiii/Abedo/tree/last_fixes


Ответы (0 шт):