Ответы пользователя по тегу Фронтенд
  • Чем конкретно занимается Frontender сейчас?

    @ber_enot
    Веб-разработчик, Vue.js / Node.js
    Если занимаетесь бэкэндом, то попробуйте под этот свой бэкэнд написать клиента, например, на Vue или React.
    Возьмите готовый макет. Сверстайте его. Разделите верстку на компоненты. Добавьте хранилище данных. Напишите валидаторы в формах. Сделайте все данные реактивными (изменяются в хранилище - тут же изменяются на странице). Подключите свой бэкэнд к клиенту. Придется написать конвертеры данных, т.к. зачастую с бэкэнда данные приходят не в той структуре, которая нужна клиенту.

    А потом внесите изменения в макет. Поменяйте оформление UI-компонентов (инпуты, кнопки, выпадающие списки). Поменяйте расположение блоков. И попробуйте внести эти изменения в свой фронтэнд. Получилось быстро и без проблем? Вот это и есть работа фронтэндера в России.
    Ответ написан
    4 комментария
  • Как написать большое приложение на Vue.js и не умереть?

    @ber_enot Автор вопроса
    Веб-разработчик, Vue.js / Node.js
    Спасибо всем ответившим!

    Нашел решение.
    Проблема была в конфигурации vue.config.js (использую vue-cli 3).

    Для глобальных переменных и миксинов SASS (SCSS) использовал плагин style-resources-loader.

    pluginOptions: {
        'style-resources-loader': {
          preProcessor: 'scss',
          patterns: [
            path.resolve(__dirname, 'src/scss/_variables.scss'),
            path.resolve(__dirname, 'src/scss/_mixins.scss'),
          ],
        }
      },


    Именно из-за него сборка занимала много времени. Изменение одной буквы в HTML-коде компонента приводило к пересборке всех компонентов, использующих SCSS.

    Решение проблемы:
    1. npm remove style-resources-loader
    2. удаление из конфига кода (см. выше)
    3. добавление в конфиг кода:
    css: {
        loaderOptions: {
          sass: {
            data: `
              @import "@/scss/_variables.scss";
              @import "@/scss/_mixins.scss";
            `,
          }
        }
      },


    Результат:
    DONE Compiled successfully in 1704ms 15:06:07
    App running at:
    - Local: localhost:8080
    Ответ написан
    Комментировать