2016
Lynda
Eve Porcello
1:01
English
webpack is the latest and greatest addition to a front-end developer's toolset. It is a module bundler suitable for the largest single-page web applications, and it can process JavaScript, CSS, and more.
Learn the basics of transforming, bundling, and processing JavaScript modules and other web assets with webpack, in this introductory course with Eve Porcello. Discover how to install webpack, run a build, and edit the config file. Find out how to use loaders to run tasks and process files such as CSS, Sass, and inline images. Eve then demos on-demand code splitting with webpack, which allows your code to run faster and more efficiently. In addition, learn how to set up a webpack-dev-server to serve and reload files in real time as you make changes.
Introduction
2m 38s
Welcome
49s
What you should already know
1m 1s
Using the exercise files
48s
1. webpack
16m 19s
What is webpack?
2m 8s
Installing webpack
4m 54s
Running a webpack build
4m 24s
Understanding the webpack.config file
4m 53s
2. webpack Loaders
9m 58s
What is a loader?
1m 19s
Setting up babel-loader for a React or ES6 project
3m 17s
Using presets
2m 33s
Setting up coffee-loader for CoffeeScript projects
2m 49s
3. webpack & CSS
12m 12s
Why load CSS with webpack?
7m 8s
Transpiling Sass with webpack
2m 20s
Loading images with webpack
2m 44s
4. Code Splitting with webpack
12m 16s
What is code splitting?
1m 19s
Adding multiple entry points
5m 51s
Using the commons chunk bundle
3m 15s
Bundling vendor files
1m 51s
5. webpack-dev-server
7m 44s
What is the webpack-dev-server?
37s
Setting up the webpack-dev-server
7m 7s
Conclusion
50s
Next steps
50s
lynda.com/Webpack-tutorials/Learn-Webpack-Basics/483222-2.html
Download File Size:172.96 MB