@SM_ST

Почему так компилирует?

подскажите, почему при сборке проекта, собирает скрипты и стили по папкам

<link href="/_nuxt/pages/id/_id/happy-clients/pages/id/_id/index/pages/index.870402f.css" rel="stylesheet" type="text/css">

<script charset="utf-8" src="/_nuxt/layouts/default/layouts/mobile-profile/layouts/profile.js"></script>


стили везде прописываю через $style module
<template>
  <div :class="$style.navCategory">
</ template>
<style lang="scss" module>
.navCategory {
  position: relative;
  width: 100%;
  height: 94px;
  margin: 40px 0 60px;
}
</style>
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ответы на вопрос 1
neuotq
@neuotq
Прокрастинация
Вы используете extractCSS - он по умолчанию вытаскивает каждый CSS по компонентно, можно исправить через принудительную отмену механизмов вебпака в splitChunks, в оф документации есть хак:

export default {
  build: {
    extractCSS: true,
    optimization: {
      splitChunks: {
        cacheGroups: {
          styles: {
            name: 'styles',
            test: /\.(css|vue)$/,
            chunks: 'all',
            enforce: true
          }
        }
      }
    }
  }
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы