Задать вопрос

Nuxt 2 + Tailwind 3 как ускорить сборку?

Добрый день.

При малейшем изменении страницы идёт сборка около 50 сек. как ускорить?
Вот настройки.
// package.json
"dependencies": {
    "@nuxtjs/auth-next": "^5.0.0-1624817847.21691f1",
    "@nuxtjs/axios": "^5.13.6",
    "@nuxtjs/proxy": "^2.1.0",
    "core-js": "^3.15.1",
    "nuxt": "^2.15.7",
    "vuelidate": "^0.7.7",
    "vuetify": "^2.5.5",
    "vuex-persistedstate": "^4.1.0"
  },
  "devDependencies": {
    "@nuxt/postcss8": "^1.1.3",
    "@nuxtjs/vuetify": "^1.12.1",
    "autoprefixer": "^10.4.2",
    "eslint-config-prettier": "^8.3.0",
    "nuxt-purgecss": "^1.0.0",
    "postcss": "^8.4.6",
    "postcss-import": "^14.0.2",
    "postcss-nested": "^5.0.6",
    "prettier": "^2.3.2",
    "tailwindcss": "^3.0.19"
  }


// tailwind.config.js
module.exports = {
  darkMode: 'class', // or 'media' or 'class'
  theme: {
    extend: {},
  },
  plugins: [],
  content: [
    "./components/**/*.{js,vue,ts}",
    "./layouts/**/*.vue",
    "./pages/**/*.vue",
    "./plugins/**/*.{js,ts}",
    "./nuxt.config.{js,ts}",
  ],
}


// nuxt.config.js
css: [
    '@/assets/css/tailwind.css'
],
build: {
    postcss: {
      plugins: {
        tailwindcss: {},
        autoprefixer: {},
      },
      preset: {
        autoprefixer: {
          //grid: true
        }
      }
    }
  }
  buildModules: [
    '@nuxt/postcss8',
  ],
  • Вопрос задан
  • 485 просмотров
Подписаться 3 Простой Комментировать
Решения вопроса 1
Vladddosss
@Vladddosss Автор вопроса
Попробовал установить этот пакет для ускорения, но посыпались ошибки, пока искал на них ответы проверил версию ноды, обновил её до 16.4.0 стабильная на данный момент и проблема решилась.

Теперь без использования этого пакета скорость сборки около 1 сек. пакет этот удалю.

Если у вас это не решит проблему, попробуйте этот пакет, только нужно будет решить проблемы которые будет выдавать.

Следите, чтобы у вас были последние стабильные версии node и npm.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@deliro
Переезжать на swc или esbuild. Правда не знаю, как оно дружит с nuxt и vue. Нам esbuild дал x65 скорости билда (13с -> 200мс), но у нас в основном ванильный жс, тс и немного реакта.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы