Настройка Webpack для быстрой front-end разработки [GeekBrains]

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ก.พ. 2025

ความคิดเห็น • 25

  • @МатематикаПросто-э7э
    @МатематикаПросто-э7э 6 ปีที่แล้ว

    Супер! Это лучший урок из всех, что я смотрел. Хочу перейти с gulp на webpack, долго искал урок, где бы была показана, и оптимизация, и sass, и шрифты, только здесь подробно качественно объяснили, все по полочкам разложили. Спасибо!

  • @velessn
    @velessn 6 ปีที่แล้ว +19

    npm install --save-dev extract-text-webpack-plugin@next установка данного плагина в случае использования webpack4.(видеоряд на 48:33 минуте) Подгрузится бета версия плагина для вебпак 4 (обратите внимание на @next в конце строки). Насчет качества видео, смотрится ужасно. Если есть возможность перезалейте в более высоком качестве.

  • @АлМ-ы8ъ
    @АлМ-ы8ъ 5 ปีที่แล้ว +3

    Я конечно обзавидовался вам что у вас такой большой экран (я сам на обычном win ноутбуке), но для записи видео было бы неплохо шрифтик то увеличить

  • @Ralpiriy
    @Ralpiriy 6 ปีที่แล้ว

    Спасибо! Очень полезная информация!

  • @andreiananev8346
    @andreiananev8346 5 ปีที่แล้ว +1

    Если не подгружаются изображения попробуйте добавить npm install postcss-cli autoprefixer

  • @marselakhmetshin1954
    @marselakhmetshin1954 6 ปีที่แล้ว

    Спасибо очень доступно и понятно!

  • @firewatermoonsun
    @firewatermoonsun 5 ปีที่แล้ว +1

    В целом материал еще годный, хотя некоторые вещи уже устарели, и не работают (например, в new CleanWebpackPlugin() уже не нужно указывать папку для 4й версии Вебпака). Качество картинки ниже среднего.

  • @Anweekey
    @Anweekey 5 ปีที่แล้ว

    Пришел сюда, т.к. у меня выскакивала вечно ошибка на ПК, хотя на ноуте все верно было настроенно. Думал , что что-то не так делаю. Все делаю по шагово, как Вы на видео рассказали. Но на моменте 52:30, когда запускаю npm run build, у меня выскакивает ошибка "npm ERR!" и там много текста, сюда не влезет. ВОзможно ли как-то подсказать, ка крешить эту проблему?

    • @Anweekey
      @Anweekey 5 ปีที่แล้ว +2

      Нашел решение проблемы. Вдруг кому-то пригодится "npm i -D extract-text-webpack-plugin@next", без ковычек

  • @stekolnikovartem3306
    @stekolnikovartem3306 5 ปีที่แล้ว +1

    А ссылка на github есть?

  • @fmleglrmglrml
    @fmleglrmglrml 5 ปีที่แล้ว

    Не работает npm init -y на win выдает ошибку
    PS D:\Fullstack Development Test> npm init -y
    npm ERR! Invalid name: ""
    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\U\AppData\Roaming
    pm-cache\_logs\2019-08-24T20_16_53_213Z-debug.log

  • @АлександрРоманов-г8у
    @АлександрРоманов-г8у 6 ปีที่แล้ว

    При запуске дев сервера всё отлично собирается, но все файлы в папке дист не подгружаются.
    Refused to apply style from 'localhost:8080/dist/css/app.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
    Та же ошибка с app.js. В то же время локально всё отрабатывает отлично.

    • @milordvladyslav9054
      @milordvladyslav9054 6 ปีที่แล้ว

      Была аналогичная проблема. вот это в конце написал вебпак.конфига
      devServer: {
      historyApiFallback:{
      index:'app/index.html'
      },
      }

  • @sergeykoval1749
    @sergeykoval1749 6 ปีที่แล้ว

    есть ли где-то код этой сборки ?

  • @АлександрМарков-м2ь
    @АлександрМарков-м2ь 6 ปีที่แล้ว

    Может кто подсказать как вместо scss в webpack подключить stylus? Несколько вариантов уже перепробовал, но не работает.

  • @alekseybord5373
    @alekseybord5373 6 ปีที่แล้ว +2

    В целом хорошо и доходчиво, но картинка просто ужас.

  • @adl0cky
    @adl0cky 6 ปีที่แล้ว +10

    Необходимо учитывать что некоторые смотрят видео с 9" планшета. Код в таком экране не видно вообще. Очень мелко. 😼

  • @serjgonchar1502
    @serjgonchar1502 6 ปีที่แล้ว

    У меня dist удаляется и все, и не происходит никаких изменений, Css не грузится и JS не грузится

  • @xxxxPomaHxxxx
    @xxxxPomaHxxxx 6 ปีที่แล้ว

    Кроме английского и фреймворка остальное правда, джун на то и джун чтобы ему сказали вот мы работаем на вью давай месяц испытательный периуд подучи его, или любой другой который мб вообще не популярен и ты про него первый раз слышишь, или вообще их индивидуальная разработка.
    Английский тоже хз зачем в России нужен на уровне разговорного, тока секретаршам мб, а на уровне погуглить на английском это скил без которого даже верстку учить не нужно начинать.

  • @dmitriymovchanyuk5875
    @dmitriymovchanyuk5875 6 ปีที่แล้ว +1

    Будет подобное видео по webpack 4, это видео супер, а выпустите по 4 версии будет вообще песня?

  • @Oswee
    @Oswee 6 ปีที่แล้ว

    Promotal no ne zometil nastroiku source-map zavisimostji ot production/dev

  • @b.g.5106
    @b.g.5106 6 ปีที่แล้ว +3

    На ноутбуке код вообще на видно. Будьте любезны перезалить видео на более качественное, если вы для зрителей его размещаете.

  • @ВасяСидоров-я6ш
    @ВасяСидоров-я6ш 6 ปีที่แล้ว +1

    гУУУУУУлп :))))))))))

  • @NeverGTI
    @NeverGTI 6 ปีที่แล้ว

    Поставил дизлайк только из-за излишне затянутого по времени курса (вся информация легко передается за 20-30 минут) и мелкого шрифта.

  • @kar1kam1
    @kar1kam1 6 ปีที่แล้ว +3

    вот это нудятина