├── demo01
├── bundle.js
├── index.html
├── main.js
├── readme.md
└── webpack.config.js
├── demo02
├── bundle1.js
├── bundle2.js
├── index.html
├── main1.js
├── main2.js
└── webpack.config.js
├── demo04
├── app.css
├── bundle.js
├── index.html
├── main.js
└── webpack.config.js
├── demo05
├── 4853ca667a2b8b8844eb2693ac1b2578.png
├── big.png
├── bundle.js
├── index.html
├── main.js
├── small.png
└── webpack.config.js
├── demo06
├── css
│ └── app.css
├── dist
│ └── bundle.js
├── img
│ ├── big.png
│ └── small.png
├── index.html
├── js
│ └── main.js
├── test
│ └── 1.html
└── webpack.config.js
└── splitChunks
├── .gitignore
├── README.md
├── dist
├── index.html
├── index.js
├── index2.html
├── locallib.js
├── vendor.js
└── vendors-node_modules_lodash_lodash_js.js
├── package-lock.json
├── package.json
├── public
├── index.html
└── index2.html
├── src
├── a.js
├── b.js
├── c.js
├── index.js
└── locallib.js
└── webpack.config.js
/demo01/bundle.js:
--------------------------------------------------------------------------------
1 | /******/ (function(modules) { // webpackBootstrap
2 | /******/ // The module cache
3 | /******/ var installedModules = {};
4 |
5 | /******/ // The require function
6 | /******/ function __webpack_require__(moduleId) {
7 |
8 | /******/ // Check if module is in cache
9 | /******/ if(installedModules[moduleId])
10 | /******/ return installedModules[moduleId].exports;
11 |
12 | /******/ // Create a new module (and put it into the cache)
13 | /******/ var module = installedModules[moduleId] = {
14 | /******/ exports: {},
15 | /******/ id: moduleId,
16 | /******/ loaded: false
17 | /******/ };
18 |
19 | /******/ // Execute the module function
20 | /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
21 |
22 | /******/ // Flag the module as loaded
23 | /******/ module.loaded = true;
24 |
25 | /******/ // Return the exports of the module
26 | /******/ return module.exports;
27 | /******/ }
28 |
29 |
30 | /******/ // expose the modules object (__webpack_modules__)
31 | /******/ __webpack_require__.m = modules;
32 |
33 | /******/ // expose the module cache
34 | /******/ __webpack_require__.c = installedModules;
35 |
36 | /******/ // __webpack_public_path__
37 | /******/ __webpack_require__.p = "";
38 |
39 | /******/ // Load entry module and return exports
40 | /******/ return __webpack_require__(0);
41 | /******/ })
42 | /************************************************************************/
43 | /******/ ([
44 | /* 0 */
45 | /***/ function(module, exports) {
46 |
47 | document.write('你好
');
48 |
49 |
50 | /***/ }
51 | /******/ ]);
--------------------------------------------------------------------------------
/demo01/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/demo01/main.js:
--------------------------------------------------------------------------------
1 | document.write('你好
');
2 |
--------------------------------------------------------------------------------
/demo01/readme.md:
--------------------------------------------------------------------------------
1 | # webpack.config.js
2 |
3 | ```js
4 | module.exports = {
5 | entry: './main.js',
6 | output: {
7 | filename: 'bundle.js'
8 | }
9 | };
10 | ```
11 |
--------------------------------------------------------------------------------
/demo01/webpack.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | entry: './main.js',
3 | output: {
4 | filename: 'bundle.js'
5 | }
6 | };
7 |
--------------------------------------------------------------------------------
/demo02/bundle1.js:
--------------------------------------------------------------------------------
1 | /******/ (function(modules) { // webpackBootstrap
2 | /******/ // The module cache
3 | /******/ var installedModules = {};
4 |
5 | /******/ // The require function
6 | /******/ function __webpack_require__(moduleId) {
7 |
8 | /******/ // Check if module is in cache
9 | /******/ if(installedModules[moduleId])
10 | /******/ return installedModules[moduleId].exports;
11 |
12 | /******/ // Create a new module (and put it into the cache)
13 | /******/ var module = installedModules[moduleId] = {
14 | /******/ exports: {},
15 | /******/ id: moduleId,
16 | /******/ loaded: false
17 | /******/ };
18 |
19 | /******/ // Execute the module function
20 | /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
21 |
22 | /******/ // Flag the module as loaded
23 | /******/ module.loaded = true;
24 |
25 | /******/ // Return the exports of the module
26 | /******/ return module.exports;
27 | /******/ }
28 |
29 |
30 | /******/ // expose the modules object (__webpack_modules__)
31 | /******/ __webpack_require__.m = modules;
32 |
33 | /******/ // expose the module cache
34 | /******/ __webpack_require__.c = installedModules;
35 |
36 | /******/ // __webpack_public_path__
37 | /******/ __webpack_require__.p = "";
38 |
39 | /******/ // Load entry module and return exports
40 | /******/ return __webpack_require__(0);
41 | /******/ })
42 | /************************************************************************/
43 | /******/ ([
44 | /* 0 */
45 | /***/ function(module, exports) {
46 |
47 | document.write('Hello World
');
48 |
49 |
50 | /***/ }
51 | /******/ ]);
--------------------------------------------------------------------------------
/demo02/bundle2.js:
--------------------------------------------------------------------------------
1 | /******/ (function(modules) { // webpackBootstrap
2 | /******/ // The module cache
3 | /******/ var installedModules = {};
4 |
5 | /******/ // The require function
6 | /******/ function __webpack_require__(moduleId) {
7 |
8 | /******/ // Check if module is in cache
9 | /******/ if(installedModules[moduleId])
10 | /******/ return installedModules[moduleId].exports;
11 |
12 | /******/ // Create a new module (and put it into the cache)
13 | /******/ var module = installedModules[moduleId] = {
14 | /******/ exports: {},
15 | /******/ id: moduleId,
16 | /******/ loaded: false
17 | /******/ };
18 |
19 | /******/ // Execute the module function
20 | /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
21 |
22 | /******/ // Flag the module as loaded
23 | /******/ module.loaded = true;
24 |
25 | /******/ // Return the exports of the module
26 | /******/ return module.exports;
27 | /******/ }
28 |
29 |
30 | /******/ // expose the modules object (__webpack_modules__)
31 | /******/ __webpack_require__.m = modules;
32 |
33 | /******/ // expose the module cache
34 | /******/ __webpack_require__.c = installedModules;
35 |
36 | /******/ // __webpack_public_path__
37 | /******/ __webpack_require__.p = "";
38 |
39 | /******/ // Load entry module and return exports
40 | /******/ return __webpack_require__(0);
41 | /******/ })
42 | /************************************************************************/
43 | /******/ ([
44 | /* 0 */
45 | /***/ function(module, exports) {
46 |
47 | document.write('Hello Webpack
');
48 |
49 |
50 | /***/ }
51 | /******/ ]);
--------------------------------------------------------------------------------
/demo02/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
--------------------------------------------------------------------------------
/demo02/main1.js:
--------------------------------------------------------------------------------
1 | document.write('Hello World
');
2 |
--------------------------------------------------------------------------------
/demo02/main2.js:
--------------------------------------------------------------------------------
1 | document.write('Hello Webpack
');
2 |
--------------------------------------------------------------------------------
/demo02/webpack.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | entry: {
3 | bundle1: './main1.js',
4 | bundle2: './main2.js'
5 | },
6 | output: {
7 | filename: '[name].js'
8 | }
9 | };
10 |
--------------------------------------------------------------------------------
/demo04/app.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: blue;
3 | }
4 |
--------------------------------------------------------------------------------
/demo04/bundle.js:
--------------------------------------------------------------------------------
1 | /******/ (function(modules) { // webpackBootstrap
2 | /******/ // The module cache
3 | /******/ var installedModules = {};
4 |
5 | /******/ // The require function
6 | /******/ function __webpack_require__(moduleId) {
7 |
8 | /******/ // Check if module is in cache
9 | /******/ if(installedModules[moduleId])
10 | /******/ return installedModules[moduleId].exports;
11 |
12 | /******/ // Create a new module (and put it into the cache)
13 | /******/ var module = installedModules[moduleId] = {
14 | /******/ exports: {},
15 | /******/ id: moduleId,
16 | /******/ loaded: false
17 | /******/ };
18 |
19 | /******/ // Execute the module function
20 | /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
21 |
22 | /******/ // Flag the module as loaded
23 | /******/ module.loaded = true;
24 |
25 | /******/ // Return the exports of the module
26 | /******/ return module.exports;
27 | /******/ }
28 |
29 |
30 | /******/ // expose the modules object (__webpack_modules__)
31 | /******/ __webpack_require__.m = modules;
32 |
33 | /******/ // expose the module cache
34 | /******/ __webpack_require__.c = installedModules;
35 |
36 | /******/ // __webpack_public_path__
37 | /******/ __webpack_require__.p = "";
38 |
39 | /******/ // Load entry module and return exports
40 | /******/ return __webpack_require__(0);
41 | /******/ })
42 | /************************************************************************/
43 | /******/ ([
44 | /* 0 */
45 | /***/ function(module, exports, __webpack_require__) {
46 |
47 | __webpack_require__(1);
48 |
49 |
50 | /***/ },
51 | /* 1 */
52 | /***/ function(module, exports, __webpack_require__) {
53 |
54 | // style-loader: Adds some css to the DOM by adding a