Learning Webpack 3

Author

Released

12/4/2017

webpack is a great addition to a front-end developer's toolset. It's a module bundler suitable for the largest single-page web applications, and it can process JavaScript, CSS, and more. With webpack, web development is faster, more efficient, and fun. Learn the basics of webpack 3, in this introductory course with Eve Porcello. Discover how to install webpack, run a build, and edit the config file to facilitate automation. Find out how to use loaders to run tasks and process files such as CSS, SCSS, and inline images. Eve then demos webpack plugins for managing tasks such as code splitting and minification.

Topics include:

What is webpack?

Running webpack from the command line

Setting up loaders

Loading CSS

Compiling SCSS

Using webpack plugins

Skill Level Intermediate

1h 4m

Duration

76,757

Views

Show MoreShow Less

- [Eve] Hi, I'm Eve Porcello and welcometo Learning webpack 3.Webpack is a module bundler and a build toolthat makes working on and deploying web projectsfaster and more efficient.In these videos, we'll go over how to set up a projectwith webpack and how to run webpack builds.Then we'll get into how to load different file typesusing webpack loaders.We'll also explore webpack pluginsand how these can be used to handle taskslike code splitting and minification.There's a lot to explore here,so let's get to it and learn the basics of webpack.