Browse Source

增加 webpack 例子

liuyuqi-dellpc 5 years ago
parent
commit
ac9c6b4caf

+ 3 - 7
webpack-demo1/README.md

@@ -1,7 +1,3 @@
-# webpackjs官方最简单demo
-1. 执行代码:
-```code
-cd /webpack
-webpack
-```
-2. dist/js会生成输出的js。
+# webpack-demo2
+
+webpack app.js bundle.js

+ 2 - 2
webpack-demo1/app.js

@@ -1,3 +1,3 @@
-import bar from './bar';
+document.write("It works.");
 
-bar();
+document.write(require("./app2.js"));

+ 2 - 0
webpack-demo1/app2.js

@@ -0,0 +1,2 @@
+module.exports = "It works from app2.js.";
+

+ 7 - 12
webpack-demo1/bundle.js

@@ -68,24 +68,19 @@
 /************************************************************************/
 /******/ ([
 /* 0 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ (function(module, exports) {
+
+module.exports = "It works from app2.js.";
+
 
-"use strict";
-/* harmony export (immutable) */ __webpack_exports__["a"] = bar;
-function bar() {
-    //
-  }
 
 /***/ }),
 /* 1 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__bar__ = __webpack_require__(0);
+/***/ (function(module, exports, __webpack_require__) {
 
+document.write("It works.");
 
-__webpack_require__.i(__WEBPACK_IMPORTED_MODULE_0__bar__["a" /* default */])();
+document.write(__webpack_require__(0));
 
 /***/ })
 /******/ ]);

+ 11 - 0
webpack-demo1/index.html

@@ -0,0 +1,11 @@
+<html>
+
+<head>
+    <meta charset="utf-8">
+</head>
+
+<body>
+    <script type="text/javascript" src="bundle.js" charset="utf-8"></script>
+</body>
+
+</html>

+ 7 - 0
webpack-demo2/README.md

@@ -0,0 +1,7 @@
+# webpackjs官方最简单demo
+1. 执行代码:
+```code
+cd /webpack-demo2
+webpack
+```
+2. dist/js 会生成输出的js。

+ 3 - 0
webpack-demo2/app.js

@@ -0,0 +1,3 @@
+import bar from './bar';
+
+bar();

+ 0 - 0
webpack-demo1/bar.js → webpack-demo2/bar.js


+ 0 - 0
webpack-demo1/page.html → webpack-demo2/page.html


+ 0 - 0
webpack-demo1/webpack.config.js → webpack-demo2/webpack.config.js