#vue.js #webpack #nuxt.js
#vue.js #webpack #nuxt.js
Вопрос:
Я создаю сайт с помощью Nuxt и пытаюсь динамически запрашивать изображения в template разделе. Однако всякий раз, когда я делаю это, время компиляции для сервера разработки для каждого изменения увеличивается с половины секунды до 8 секунд, а затем дольше для каждого нового динамического изображения, которое я добавляю (до нескольких минут).
<img :src="require(`~/assets${blog.image}?size=400`)" />
Есть ли способ динамически запрашивать изображение и не замедлять процесс сборки разработчика?
Комментарии:
1. что
?size=400это за изменение размера? возможно, сначала измените размер ваших изображений.2. Сколько файлов внутри
/assets? Вы создаете контекст для всего этого каталога, который действительно может быть громоздким. Возможно, переместите некоторые из этих изображений в подкаталог в assets.3. @LawrenceCherone Я использую nuxt-optimized-images, который использует адаптивный загрузчик для изменения размера изображений. Сначала я попробую изменить размер, но когда я вводю путь без использования переменной, это происходит очень быстро, и я не вижу снижения производительности, поэтому я думаю, что, возможно, мне требуется динамический путь.
4. @Sphinx, я прочитал документацию, но мне не ясно, как это поможет повысить производительность?
5. @Ohgod Почему, когда я пытаюсь расширить его, чтобы включить больше каталогов, он, похоже, не интерполирует и не получает полный URL: ~/assets/cms-upload/${blog.image}?size=400 Выдает сообщение об ошибке, что эта зависимость не найдена: ~/assets/cms-upload?размер = 400