• Не срабатывают стили на одной странице при создании другой?

    @Andy_Francev
    Frontend Developer
    Это ошибка Parcel.
    Он не любит вставленных в разные страницы одного и того же js файла с импортированным одним и тем же css.
    Для каждой страницы создай свой js: index.js, company.js, ... с содержимым: import 'assets/js/main.js'

    Если пошли ошибки, можно попробовать наложить патч.
    Ставишь: postinstall-postinstall и patch-package.
    Создаёшь в корне проекта папку 'patches'
    Кладёшь в неё файл: 'parcel-bundler+1.12.4.patch'

    diff --git a/node_modules/parcel-bundler/src/packagers/JSPackager.js b/node_modules/parcel-bundler/src/packagers/JSPackager.js
    index a07ff3b..8adcc67 100644
    --- a/node_modules/parcel-bundler/src/packagers/JSPackager.js
    +++ b/node_modules/parcel-bundler/src/packagers/JSPackager.js
    @@ -216,6 +216,12 @@ class JSPackager extends Packager {
           );
           await this.addAssetToBundle(asset);
           entry.push(asset.id);
    +
    +      let cssLoaderAsset = await this.bundler.getAsset(
    +        require.resolve('../builtins/css-loader')
    +      );
    +      await this.addAssetToBundle(cssLoaderAsset);
    +      entry.push(cssLoaderAsset.id);
         }
     
         if (await this.writeBundleLoaders()) {


    В скрипты package.json добавляешь: "postinstall": "patch-package"
    Делаешь npm install

    Надеюсь, поможет, как помогло мне. Или ты решил проблему как-то по другому?
    Ответ написан
    Комментировать
  • Хватит ли MacBook Air 2019 для Front End?

    @Andy_Francev
    Frontend Developer
    Я бы посоветовал сделать по-другому. Я в феврале тоже мучался выбором, чем заменить свой устаревший уже iMac 2011. Air вообще не рассматривал. Ну это по сути печатная машинка, моделей с 16Gb RAM я вообще не обнаружил. Сайтики верстать, конечно, можно, но вот если судьба заставит работать, например, с React Native, то боль будет просто страшная.
    Прошки с "бабочкой" и трескающимся шлейфом тоже прошли мимо. А на модели 2020 денег уже не хватало.
    В итоге взял MacBook Pro 2015 года. Во первых – 15''. Во-вторых – достойные характеристики: полноценный (а не низковольтовый, как в Эйре) I7, 16 RAM, 512 SSD . Плюс нормальная надёжная клава. Плюс куча портов (не надо тратиться на донглы). Плюс дискретная видеокарта. Плюс цена (я брал в феврале за 70тр).
    Полгода – полёт отличный! Для любого фронтенда хватает.
    Ответ написан
    Комментировать
  • Какую видеокарту посоветуете для KDE?

    @Andy_Francev Автор вопроса
    Frontend Developer
    Всем огромное спасибо! Древний Radeon прекрасно заработал!
    5e313063a5a92018104982.png
    Ответ написан
    Комментировать
  • Потенциал верстальщика?

    @Andy_Francev
    Frontend Developer
    Нет, не востребован. Профессия умирает. Рынок сужается.
    Бумажная пресса почти никому не нужна, газеты и журналы массово закрываются.
    Остаётся этикетка-упаковка. Большая часть подобных вакансий – это ~40к и место работы в типографии, по соседству с печатными машинами (с их пылью, грохотом).
    Вашему отцу я бы посоветовал постепенно начать переквалифицироваться.
    Сам работал в полиграфии с 1994 года по 2017. Последнее место работы – верстальщик. Я освоил новую специальность – фронтенд (слишком поздно, увы).
    Ответ написан
    1 комментарий
  • Как растягивать Background (чтобы изображение не повторялось)?

    @Andy_Francev
    Frontend Developer
    Если именно растянуть (с возможной деформацией пропорций), то:
    background-size: 100% 100%;
    Если с сохранением пропорций, то:
    background-size: cover;
    Исключить дублирование изображения:
    background-repeat: no-repeat;
    Ответ написан
    Комментировать
  • Как заставить Webstorm не компилировать импортированные файлы Stylus?

    @Andy_Francev Автор вопроса
    Frontend Developer
    Всё вроде заработало. Пришлось так исправить главный файл:
    iVPWTZc.png

    Почему-то со звёздочками нормально не компилировалось.
    Ответ написан
    Комментировать