Skip to content

Commit 69b84ff

Browse files
Adam Braimbridgeskipjack
Adam Braimbridge
authored andcommitted
docs(concepts): simplify the loaders section (#1783)
Simplified the Loaders section to be clearer for complete beginners like me.
1 parent b1587e8 commit 69b84ff

File tree

1 file changed

+5
-4
lines changed

1 file changed

+5
-4
lines changed

src/content/concepts/index.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@ contributors:
88
- johnstew
99
- jimrfenner
1010
- TheDutchCoder
11+
- adambraimbridge
1112
---
1213

1314
At its core, *webpack* is a _static module bundler_ for modern JavaScript applications. When webpack processes your application, it recursively builds a _dependency graph_ that includes every module your application needs, then packages all of those modules into one or more _bundles_.
@@ -74,14 +75,14 @@ T> The `output` property has [many more configurable features](/configuration/ou
7475

7576
*Loaders* enable webpack to process more than just JavaScript files (webpack itself only understands JavaScript). They give you the ability to leverage webpack's bundling capabilities for all kinds of files by converting them to valid [modules](/concepts/modules) that webpack can process.
7677

77-
Essentially, webpack loaders transform all types of files into modules that can be included in your application's dependency graph.
78+
Essentially, webpack loaders transform all types of files into modules that can be included in your application's dependency graph (and eventually a bundle).
7879

7980
W> Note that the ability to `import` any type of module, e.g. `.css` files, is a feature specific to webpack and may not be supported by other bundlers or task runners. We feel this extension of the language is warranted as it allows developers to build a more accurate dependency graph.
8081

81-
At a high level, __loaders__ have two purposes in your webpack config. They work to:
82+
At a high level, __loaders__ have two purposes in your webpack configuration:
8283

83-
1. Identify which file or files should be transformed by a certain loader (with the `test` property).
84-
2. Transform those files so that they can be added to your dependency graph (and eventually your bundle). (`use` property)
84+
1. The `test` property identifies which file or files should be transformed.
85+
2. The `use` property indicates which loader should be used to do the transforming.
8586

8687
__webpack.config.js__
8788

0 commit comments

Comments
 (0)