В этом ролике мы рассмотрим сборщик (бандлер) для frontend проектов ESBuild. Сравним его с Webpack 5. Разберем основные понятия loader, plugin, dev server, bundle, typescript, css, source map, minify и тд. Esbuild vs webpack. Webpack 5.
В этом видео мы продолжим настраивать шаблон Webpack 4. Подключим mini-css-extract-plugin для SCSS (Sass) препроцессора, также разберемся с другими препроцессорами. Подключим post CSS плагины: autoprefixer, css-mqpacker, cssnano
Gulp vs Webpack Сегодня речь пойдет о таких инструментах, как Gulp и Webpack. Мы, наконец-то, поставим точку в этом вопросе и, я надеюсь, больше не будем к нему возвращаться.
Итак, Gulp и Webpack. Основы. Давайте начнем с определений. Изначально, эти инструменты позиционируются создателями, как инструменты для решения несколько разных задач. Webpack позиционируется, как мощный комбайн-бандлер, предназначенный для удобной разработки JS Application и одностраничных приложений. Кроме того, он имеет множество полезных дополнений для решения повседневных задач - препроцессоры, картинки и прочее, которые являются лишь бонусами к основе. Gulp - это таск-ранер, упрощающий жизнь, благодаря автоматизации выполнения каких-то рутинных задач. В принципе, на этом можно было бы остановиться, ведь мы поняли из определений, что это разные инструменты и, в общем-то, они предназначены для разных задач, если бы не одно НО. Почему-то эти два инструмента каким-то странным образом попадают на один график в Google Trends и вызывают бурление в профессиональной среде, Webpack начинают использовать даже там, где не стоит задачи разработки приложения, в угоду трендам, а Gulp несправедливо причисляют к списку инструментов на вымирание.
Webpack. Базовая сборка проекта. В этом видео разберем сборку проекта на Webpack. Рассмотрим, как собрать все js в один, сжать файлы, собрать css, минифицировать изображения, и многое другое.
At its core, webpack is a module bundler. It examines all of the modules in your application, creates a dependency graph, then intelligently puts all of them together into one or more bundle(s) that your index.html file can reference.
Report this Group
Comment reported successfully.
Post was successfully added to your timeline!
You have reached your limit of 5000 friends!
File size error: The file exceeds allowed the limit (11 MB) and can not be uploaded.
Your video is being processed, We’ll let you know when it's ready to view.
Unable to upload a file: This file type is not supported.
We have detected some adult content on the image you uploaded, therefore we have declined your upload process.
Share post on a group
Share to a page
Share to user
Your post was submitted, we will review your content soon.
To upload images, videos, and audio files, you have to upgrade to pro member. Upgrade To Pro
Edit Offer
Add tier
Delete your tier
Are you sure you want to delete this tier?
Reviews
In order to sell your content and posts, start by creating a few packages. Monetization
Pay By Wallet
Delete your address
Are you sure you want to delete this address?
Remove your monetization package
Are you sure you want to delete this package?
Unsubscribe
Are you sure you want to unsubscribe from this user? Keep in mind that you won't be able to view any of their monetized content.
Remove your monetization package
Are you sure you want to delete this package?
Payment Alert
You are about to purchase the items, do you want to proceed?