Introduction to Build Tools
Get familiar with the fundamentals of using Build Tools!
Start
Key Concepts
Review core concepts you need to learn to master this subject
What are Build Tools?
The Web Development Ecosystem
When to use Build Tools
Test Runners
What are Bundlers?
What is a Dependency Graph?
How Can Build Tools Improve Performance?
What are Build Tools?
What are Build Tools?
Build tools aid in improving performance, improving development productivity, or automating tasks.
Build Tools can assist with:
- combining JavaScript modules and CSS into bundled files for production
- minifying files for improved performance
- running unit tests with one command
- automatically previewing changes to your application
Introduction To Build Tools
Lesson 1 of 1
- 1As you create more complex web apps, performance becomes very important. You’ll need to configure apps to work in different browsers or with a low internet speed. It’s not easy to do this by hand, …
- 2Build tools are a part of a larger web development ecosystem, the set of tools used to create web applications and their interactions. We can divide the process of producing a web app into three s…
- 3Let’s focus on two types of build tools, task runners and bundlers. Task runners automate certain development processes, such as compiling code from SCSS to CSS or Typescript to JavaScript. Common…
- 4The connections between assets need to be mapped by the bundler to produce an output containing everything the app needs. This process uses a data structure called a dependency graph. A depende…
- 5A large and complex application can take a long time to download in the browser if not optimized. Build tools utilize processes such as code-splitting, minification, dead-code elimination, and tree…
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory
