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

Артем

Веб-разработчик, Vue.js / Node.js
Ответы пользователя по тегу Фронтенд

  • Чем конкретно занимается Frontender сейчас?

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

    А потом внесите изменения в макет. Поменяйте оформление UI-компонентов (инпуты, кнопки, выпадающие списки). Поменяйте расположение блоков. И попробуйте внести эти изменения в свой фронтэнд. Получилось быстро и без проблем? Вот это и есть работа фронтэндера в России.
    Ответ написан
    4 комментария
    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
    Ответ написан
    Комментировать
    Комментировать