Почему стили подключаются несколько раз? 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