Episode 06 • Basic Frontend Tools

Webpack

In this episode we are going to cover basics of Webpack module bundler.

Webpack is used to bundle your .js modules into a single file, and you can think of modules as files.

JavaScript does not natively support file includes like some other languages. So that is where Webpack comes in, it will bundle your files so that almost all browsers can read them.

It also helps us organise our JavaScript app into multiple files. Which we can then import and use them when needed.

Webpack is also much more than just module bundler, it could also be used as task runner, and some developers are using it exactly like that. Although in this video we are not going to go into detail about Webpacks capabilities, I will show you an example of how you can compile scss files with Webpack, so that you can get a taste of what Webpack can do.

  • Episode 01 • Duration 28:32

    Command line

  • Episode 02 • Duration 20:53

    NPM (Node Package Manager)

  • Episode 03 • Duration 34:52

    Gulp

  • Episode 04 • Duration 46:16

    Sass

  • Episode 05 • Duration 27:36

    Git

  • Episode 06 • Duration 26:27

    Webpack

  • Episode 07 • Duration 23:01

    SSH, SCP, SFTP and Git FTP

  • Episode 01 • Duration 28:32

    Command line

  • Episode 02 • Duration 20:53

    NPM (Node Package Manager)

  • Episode 03 • Duration 34:52

    Gulp

  • Episode 04 • Duration 46:16

    Sass

  • Episode 05 • Duration 27:36

    Git

  • Episode 06 • Duration 26:27

    Webpack

  • Episode 07 • Duration 23:01

    SSH, SCP, SFTP and Git FTP