Удален по просьбе правообладателя
  • Урок 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