Урок 1.00:01:40
Course Overview
Урок 2.00:00:55
Welcome
Урок 3.00:05:01
Interactive Coding with Hot Module Replacement
Урок 4.00:04:02
Seamless Compilation
Урок 5.00:00:45
Consistent Tooling
Урок 6.00:01:24
Modularity
Урок 7.00:05:06
Benefit - Bundling for Performance
Урок 8.00:01:46
Sophisticated Bundling
Урок 9.00:02:09
npm Install, Import, Go!
Урок 10.00:01:46
Help with Caching
Урок 11.00:02:02
Source Maps Through Any Number of Transformations
Урок 12.00:04:12
A Compiler Platform
Урок 13.00:02:56
Course Series and Updates
Урок 14.00:01:14
Cloning and Starting the Solitaire App
Урок 15.00:03:07
The Legacy Solitaire App Structure
Урок 16.00:01:37
Performance Problems in the Solitaire App
Урок 17.00:03:29
Bundling app.js
Урок 18.00:02:36
Inspecting and Using the App Bundle
Урок 19.00:01:24
IIFEs Are No Longer Necessary
Урок 20.00:02:06
Migrating a Second Module to the Bundle
Урок 21.00:02:33
Webpack Polyfills Module Loading
Урок 22.00:01:18
Webpack Polyfills Use Strict for Harmony Modules
Урок 23.00:03:06
Learning from Webpack Source Code
Урок 24.00:04:01
Generating an Interactive Graph of Modules
Урок 25.00:03:05
Challenge
Урок 26.00:01:43
Benefits of Watch and WDS
Урок 27.00:03:05
Watch Mode
Урок 28.00:01:27
Installing webpack-dev-server
Урок 29.00:02:26
npm run-scripts for Documenting Webpack Commands
Урок 30.00:01:03
Composing npm Scripts
Урок 31.00:02:59
Adding a webpack.config.js File
Урок 32.00:05:10
devServer.contentBase - Set Location of Static Content on Disk
Урок 33.00:03:19
devServer.publicPath - Set Base URL to Serve Webpack Output
Урок 34.00:02:26
devServer.watchContentBase - Reload on Static File Changes
Урок 35.00:00:43
Webpack Configuration Documentation
Урок 36.00:03:33
Looking Under the Hood of the DevServer
Урок 37.00:01:32
Hot Module Replacement Overview
Урок 38.00:01:48
devServer.hot and the HotModuleReplacementPlugin
Урок 39.00:01:22
Reload Fallback
Урок 40.00:01:18
Automatic Restart After Changing webpack.config.js
Урок 41.00:01:50
Disable Reload Fallback
Урок 42.00:01:16
output.publicPath
Урок 43.00:01:30
Identifying Modules by Name with the NamedModulesPlugin
Урок 44.00:02:42
Hot Swapping Methods in a Live Application
Урок 45.00:01:35
Hot Swapping Can Maintain State
Урок 46.00:01:15
Inspecting Hot Updates
Урок 47.00:01:00
Recap
Урок 48.00:00:44
Intro
Урок 49.00:03:41
HMR Plugin Bloats Production Builds
Урок 50.00:03:04
Conditionally Adding Plugins with NODE_ENV Environment Variable
Урок 51.00:01:44
cross-env and dotenv Help with Cross-platform Env Vars
Урок 52.00:02:34
Using a CLI Argument to Set the Environment
Урок 53.00:01:03
Environment Option Uses yargs
Урок 54.00:02:14
Multiple and Named Configurations
Урок 55.00:01:39
Modularizing Config Files
Урок 56.00:02:25
webpack-merge to Merge Configuration Objects
Урок 57.00:02:18
Inspecting the Merged Configuration and Config Defaults
Урок 58.00:02:25
Conditional Code with the DefinePlugin
Урок 59.00:01:37
Careful to Quote String Constants
Урок 60.00:01:49
Passing Env Options or Variables Through to Code Constants
Урок 61.00:01:34
Touch-ups and Recap
Урок 62.00:01:24
Intro
Урок 63.00:02:09
Installing Relevant Babel Packages
Урок 64.00:03:48
Why @babel/preset-env
Урок 65.00:01:44
Using ES6 Class Syntax
Урок 66.00:02:21
Adding a babel-loader Rule
Урок 67.00:01:44
webpack-dev-server Adds Modules to the Bundle
Урок 68.00:02:07
Excluding node_modules from babel-loader
Урок 69.00:01:26
Adding @babel/preset-env to Transform Classes
Урок 70.00:02:40
Do Not Transform Harmony Imports and Exports
Урок 71.00:02:28
devServer.overlay - Showing Compilation Errors in the Browser
Урок 72.00:04:09
Understanding Browserslist Queries
Урок 73.00:03:29
Extracting .babelrc.js
Урок 74.00:00:33
babel-loader Works with .babelrc.js Too
Урок 75.00:03:12
Disabling babel-loader in Development Builds
Урок 76.00:00:45
How to Tell babel-loader to Ignore .babelrc
Урок 77.00:02:41
Polyfills
Урок 78.00:01:02
Webpack Runtime Uses Promises That Might Need to Be Polyfilled
Урок 79.00:01:20
devServer.host - Configuring External Access to WDS
Урок 80.00:00:48
Enable Transpilation in Development as Needed
Урок 81.00:00:51
Fix Polyfill Issues by Reproducing the Problem
Урок 82.00:03:23
Webpack Makes Using npm Packages Facile
Урок 83.00:02:12
Studying the Impact of @babel/polyfill
Урок 84.00:01:14
Testing the Promise Polyfill
Урок 85.00:03:07
Reducing Polyfills with core-js
Урок 86.00:02:32
Reducing Polyfills to Just Promise
Урок 87.00:01:41
You Don't Need to Manually Triangulate Polyfills
Урок 88.00:02:35
useBuiltIns: 'entry' - Polyfill Based on Target Browsers
Урок 89.00:01:07
Changing Browser Query Changes Polyfills
Урок 90.00:02:06
useBuiltIns: 'usage' - Polyfill Based on Target Browsers and Usage
Урок 91.00:01:06
Using the Promise Built-in Adds Another Polyfill for IE 11
Урок 92.00:02:32
Someday: @babel/plugintransform-runtime + @babel/preset-env
Урок 93.00:01:29
Takeaways
Урок 94.00:02:01
What Is a Loader?
Урок 95.00:01:46
Designing a tee-loader
Урок 96.00:02:25
Creating a tee-loader
Урок 97.00:01:46
resolveLoader.alias to Resolve a Custom Loader
Урок 98.00:01:17
Logging Request and Source per Module
Урок 99.00:01:36
Collapsing Grouped Webpack Console Output with Chrome DevTools
Урок 100.00:00:33
Debugging Webpack with Chrome DevTools
Урок 101.00:00:50
Adding the Same Loader Twice
Урок 102.00:01:46
Passing and Parsing Options in the tee-loader
Урок 103.00:00:33
Legacy Option Passing via a Query String
Урок 104.00:03:06
Inline Loaders Are Occasionally Useful
Урок 105.00:03:15
Learn More by Building Loaders - Try a Pitching Cache Loader
Урок 106.00:01:22
What About Build Tasks?
Урок 107.00:03:45
Cleaning the Output Folder Before Bundling
Урок 108.00:04:58
Not Just Build Tasks: npm-install-webpack-plugin
Урок 109.00:03:01
Finding Plugins for Common Build Tasks
Урок 110.00:01:07
Bundling and Transpiling Make Troubleshooting Difficult
Урок 111.00:03:10
Runtime Errors Aren't as Transparent as Compilation Errors
Урок 112.00:02:07
Enabling Source Maps with devtool: "source-map"
Урок 113.00:04:50
How devtool: "source-map" Works
Урок 114.00:05:03
Fast, Inline, Partial Source Maps - devtool: "eval"
Урок 115.00:05:22
High Quality Maps with Fast Incremental Rebuild - devtool: "eval-source-map"
Урок 116.00:03:46
devtool: "hidden-source-map"
Урок 117.00:01:35
Only Map Location and Filename, Not Source Code - devtool: "nosources-source-map"
Урок 118.00:03:46
Resources
Урок 119.00:06:54
devtool Is Just an Idiosyncratic, String Based Serialization of Plugin Options
Урок 120.00:03:13
Add the SourceMapDevToolPlugin Directly for Flexibility Instead of Using devtool
Урок 121.00:06:35
Challenge: Building a codegen-loader to Capture Build Information
Урок 122.00:04:10
Explanation of the Starting Point to My Solution
Урок 123.00:08:10
My Solution
Урок 124.00:01:00
The End