symfonycasts
Создавайте реальные проекты от начала до конца с помощью красивых видеоуроков. Веселиться! Мы обещаем энергию, анимацию космического корабля и смущающие (я имею в виду умные) шутки.
JavaScript для PHP гиков: Webpack для удивительной загрузки модулей
JavaScript for PHP Geeks: Webpack for Module Loading Awesomeness
★4 (всего оценок - 5)
Продолжительность
3 ч 43 мин
Категория
JavaScriptКоличество уроков
37 Видео
Дата добавления
26 нояб. 2019 г., 23:08
Язык
Английский
Это руководство охватывает Webpack 3, а Webpack 4 уже выпущен. Но не волнуйся! Подавляющее большинство концепций остаются прежними. Так что, если вы хотите изучить загрузку Webpack и модулей, вы все еще в нужном месте. Самые большие различия находятся в области CommonsChunkPlugin.
Если вы все еще вручную включаете каждый файл JavaScript, от которого вы зависите, с помощью тега script ... есть лучший способ! ES6 представил концепцию модулей: способность (наконец-то!) Изолировать наш JavaScript на небольшие компоненты, которые живут в разных файлах (как мы делаем с классами в JavaScript).
Но чтобы это работало в Интернете, нам нужна помощь. Нам нужно что-то, что сможет прочитать наш импорт и объединить все, что нам нужно, в один файл JavaScript. Нам нужен Webpack:
- Использование npm ... а затем yarn для управления пакетами
- Настройка Webpack: упакуйте все модули в один файл
- Вызов Babel из Webpack через загрузчик
- Инструменты для веб-разработки для быстрой разработки
- Webpack Hot Reloading !?
- Обработка нескольких файлов («точек входа»)
- Использование Uglify и подготовка к производству
- Cache-busting с хэшированными именами файлов
- CommonsChunkPlugin: объединяем общие модули
- Загрузка и упаковка CSS / SCSS и изображения из JavaScript !?
И самое главное: получите возможность (наконец-то) написать организованный JavaScript!
Посмотреть больше
- Урок 1.00:09:01The Power of require
- Урок 2.00:04:06Your First Webpack
- Урок 3.00:05:41webpack.config.js
- Урок 4.00:07:57watch + Install jQuery with Yarn
- Урок 5.00:04:09Requiring SweetAlert2
- Урок 6.00:07:46Modularize our Code
- Урок 7.00:06:15Multiple Entries / Pages
- Урок 8.00:05:06Legacy Libraries & global jQuery
- Урок 9.00:04:12ProvidePlugin & Global Vars
- Урок 10.00:04:40babel-loader
- Урок 11.00:04:06babel-loader Options & Polyfill
- Урок 12.00:09:30Require CSS Files
- Урок 13.00:07:01Images in CSS (file-loader)
- Урок 14.00:04:01Bootstrap CSS & Fonts
- Урок 15.00:04:11Font Awesome & file-loader [hash]
- Урок 16.00:05:22copy-webpack-plugin
- Урок 17.00:03:18Sass with sass-loader
- Урок 18.00:06:28Bootstrap Sass & resolve-url-loader
- Урок 19.00:04:10Tweaking Bootstrap's Sass
- Урок 20.00:06:04Sourcemaps & Debugging
- Урок 21.00:07:47jQuery & Legacy JS in your Template
- Урок 22.00:05:35Passing Server Data to JS
- Урок 23.00:04:26FOSJsRoutingBundle
- Урок 24.00:03:55Lodash & requiring Partial Libraries
- Урок 25.00:07:49ES6 import & export
- Урок 26.00:05:14CommonsChunkPlugin: Shared/Vendor Entry
- Урок 27.00:05:46Optimizing the "Commons" Chunk
- Урок 28.00:06:13webpack-dev-server
- Урок 29.00:06:44Hot Module Replacement
- Урок 30.00:08:01extract-text-webpack-plugin
- Урок 31.00:05:10Production Build
- Урок 32.00:09:29Minify CSS & DefinePlugin
- Урок 33.00:04:38Versioning & Cache Busting
- Урок 34.00:05:01Versioning manifest.json
- Урок 35.00:06:40Versioning Optimizations
- Урок 36.00:10:59Code Splitting
- Урок 37.00:06:50Webpack Visualizer
Автор - symfonycasts
Другие материалы в этой категории
Комментарии