Плохо ли использование автоматического импорта компонентов nuxt.js для производительности?

Я использую Nuxt.js v2 для своего проекта. Прямо сейчас я включил nuxt.js автоматический импорт компонентов, установив components: true в моем nuxt.config.js файле. Мне интересно, влияет ли использование автоматического импорта компонентов на производительность моего сайта в продакшене?
Должен ли я импортировать компоненты вручную, как вы делаете это в vue.js?

Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
Четыре эффективных способа центрирования блочных элементов в CSS
Четыре эффективных способа центрирования блочных элементов в CSS
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то...
3
0
28
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Функция автоматического импорта предназначена только для некоторых DX (опыт разработчика), чтобы не нужно было вводить все это целиком. Шаблон будет сканироваться, когда вы отправляете свой код (или, возможно, во время компиляции), но производительность будет точно такой же, как если бы вы импортировали компонент вручную.

В конце концов, синтаксический анализ все равно должен выполняться движком рендеринга Vue. Итак, здесь команда Nuxt предоставляет инструмент, который помогает вам кодировать быстрее, он не выполняет дополнительную компиляцию самого шаблона, а заблаговременно.

Следовательно, почему нет штрафа за производительность.


На самом деле существует довольно много библиотек (Nuxt3, Витесс и т. д.) с автоматическим импортом компонентов и Composition API, которые сделаны за вас. Не беспокойтесь, поскольку, если бы это имело какое-либо влияние, оно не использовалось бы так широко.

Другие вопросы по теме