You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
36
-
<p>
36
+
</p>
37
37
</div>
38
38
39
39
<h2align="center">Install</h2>
@@ -52,15 +52,15 @@ yarn add webpack --dev
52
52
53
53
<h2align="center">Introduction</h2>
54
54
55
-
> This README reflects Webpack v2.x and v3.x. The Webpack v1.x documentation has been deprecated and deleted.
55
+
> This README reflects webpack v2.x and v3.x. The webpack v1.x documentation has been deprecated and deleted.
56
56
57
57
webpack is a bundler for modules. The main purpose is to bundle JavaScript
58
58
files for usage in a browser, yet it is also capable of transforming, bundling,
59
59
or packaging just about any resource or asset.
60
60
61
61
**TL;DR**
62
62
63
-
* Bundles [ES Modules](http://www.2ality.com/2014/09/es6-modules-final.html), [CommonJS](http://wiki.commonjs.org/) and [AMD](https://github.com/amdjs/amdjs-api/wiki/AMD) modules (even combined).
63
+
* Bundles [ES Modules](http://www.2ality.com/2014/09/es6-modules-final.html), [CommonJS](http://wiki.commonjs.org/), and [AMD](https://github.com/amdjs/amdjs-api/wiki/AMD) modules (even combined).
64
64
* Can create a single bundle or multiple chunks that are asynchronously loaded at runtime (to reduce initial loading time).
65
65
* Dependencies are resolved during compilation, reducing the runtime size.
66
66
* Loaders can preprocess files while compiling, e.g. TypeScript to JavaScript, Handlebars strings to compiled functions, images to Base64, etc.
@@ -70,6 +70,11 @@ or packaging just about any resource or asset.
70
70
71
71
Check out webpack's quick [**Get Started**](https://webpack.js.org/get-started/) guide and the [other guides](https://webpack.js.org/guides/).
72
72
73
+
### Browser Compatibility
74
+
75
+
webpack supports all browsers that are [ES5-compliant](http://kangax.github.io/compat-table/es5/) (IE8 and below are not supported).
76
+
webpack also needs `Promise` for `import()` and `require.ensure()`. If you want to support older browsers, you will need to [load a polyfill](https://webpack.js.org/guides/shimming/) before using these expressions.
77
+
73
78
<h2align="center">Concepts</h2>
74
79
75
80
### [Plugins](https://webpack.js.org/plugins/)
@@ -81,14 +86,12 @@ within webpack itself use this plugin interface. This makes webpack very
81
86
82
87
|Name|Status|Description|
83
88
|:--:|:----:|:----------|
84
-
|[common-chunks-webpack-plugin][common]|![common-npm]|Generates chunks of common modules shared between entry points and splits them into separate bundles (e.g vendor.bundle.js && app.bundle.js)|
85
89
|[extract-text-webpack-plugin][extract]|![extract-npm]|Extracts Text (CSS) from your bundles into a separate file (app.bundle.css)|
86
90
|[compression-webpack-plugin][compression]|![compression-npm]|Prepares compressed versions of assets to serve them with Content-Encoding|
87
91
|[i18n-webpack-plugin][i18n]|![i18n-npm]|Adds i18n support to your bundles|
88
92
|[html-webpack-plugin][html-plugin]|![html-plugin-npm]| Simplifies creation of HTML files (`index.html`) to serve your bundles|
@@ -184,7 +187,7 @@ or are automatically applied via regex from your webpack configuration.
184
187
185
188
|Name|Status|Description|
186
189
|:--:|:----:|:----------|
187
-
|<ahref="https://github.com/webpack/style-loader">`<style>`|![style-npm]|Add exports of a module as style to DOM|
190
+
|<ahref="https://github.com/webpack/style-loader">`<style>`</a>|![style-npm]|Add exports of a module as style to DOM|
188
191
|<ahref="https://github.com/webpack/css-loader"><imgwidth="48"height="48"src="https://worldvectorlogo.com/logos/css-3.svg"></a>|![css-npm]|Loads CSS file with resolved imports and returns CSS code|
189
192
|<ahref="https://github.com/webpack/less-loader"><imgwidth="48"height="48"src="https://worldvectorlogo.com/logos/less-63.svg"></a>|![less-npm]|Loads and compiles a LESS file|
190
193
|<ahref="https://github.com/jtangelder/sass-loader"><imgwidth="48"height="48"src="https://worldvectorlogo.com/logos/sass-1.svg"></a>|![sass-npm]|Loads and compiles a SASS/SCSS file|
@@ -326,25 +329,13 @@ If you have discovered a 🐜 or have a feature suggestion, feel free to create
@@ -382,11 +373,11 @@ This is how we use the donations:
382
373
Before we started using OpenCollective, donations were made anonymously. Now that we have made the switch, we would like to acknowledge these sponsors (and the ones who continue to donate using OpenCollective). If we've missed someone, please send us a PR, and we'll add you to this list.
0 commit comments