From 8e49b6e580b355d675766f406b0deaeeca970f66 Mon Sep 17 00:00:00 2001 From: "3056762376@qq.com" <3056762376@qq.com> Date: Mon, 14 Nov 2022 09:53:00 +0800 Subject: [PATCH] =?UTF-8?q?=E7=AE=80=E5=8D=95webpack=E6=A8=A1=E5=9D=97?= =?UTF-8?q?=E5=8C=96=E5=BC=80=E5=8F=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../webpack起步/dist/result.js | 93 +++++++++++++++++++ .../webpack起步/index.html | 13 +++ .../webpack起步/src/index.js | 3 + .../webpack起步/src/mathTools.js | 9 ++ 4 files changed, 118 insertions(+) create mode 100644 11-前端模块化开发/03-webpack模块化开发/webpack起步/dist/result.js create mode 100644 11-前端模块化开发/03-webpack模块化开发/webpack起步/index.html create mode 100644 11-前端模块化开发/03-webpack模块化开发/webpack起步/src/index.js create mode 100644 11-前端模块化开发/03-webpack模块化开发/webpack起步/src/mathTools.js diff --git a/11-前端模块化开发/03-webpack模块化开发/webpack起步/dist/result.js b/11-前端模块化开发/03-webpack模块化开发/webpack起步/dist/result.js new file mode 100644 index 0000000..be77699 --- /dev/null +++ b/11-前端模块化开发/03-webpack模块化开发/webpack起步/dist/result.js @@ -0,0 +1,93 @@ +/******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { +/******/ configurable: false, +/******/ enumerable: true, +/******/ get: getter +/******/ }); +/******/ } +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = 0); +/******/ }) +/************************************************************************/ +/******/ ([ +/* 0 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +Object.defineProperty(__webpack_exports__, "__esModule", { value: true }); +/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__mathTools_js__ = __webpack_require__(1); + +console.log(__WEBPACK_IMPORTED_MODULE_0__mathTools_js__["a" /* add */](33,44)); +console.log(__WEBPACK_IMPORTED_MODULE_0__mathTools_js__["b" /* remove */](323,111)); + +/***/ }), +/* 1 */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return add; }); +/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return remove; }); +function add(num1,num2){ + return num1 + num2; +} +function remove(num1,num2){ + return num1-num2 +} + + +/***/ }) +/******/ ]); \ No newline at end of file diff --git a/11-前端模块化开发/03-webpack模块化开发/webpack起步/index.html b/11-前端模块化开发/03-webpack模块化开发/webpack起步/index.html new file mode 100644 index 0000000..78e6e92 --- /dev/null +++ b/11-前端模块化开发/03-webpack模块化开发/webpack起步/index.html @@ -0,0 +1,13 @@ + + + + + + + Document + + + + + + \ No newline at end of file diff --git a/11-前端模块化开发/03-webpack模块化开发/webpack起步/src/index.js b/11-前端模块化开发/03-webpack模块化开发/webpack起步/src/index.js new file mode 100644 index 0000000..e0851c2 --- /dev/null +++ b/11-前端模块化开发/03-webpack模块化开发/webpack起步/src/index.js @@ -0,0 +1,3 @@ +import * as math from "./mathTools.js"; +console.log(math.add(33,44)); +console.log(math.remove(323,111)); \ No newline at end of file diff --git a/11-前端模块化开发/03-webpack模块化开发/webpack起步/src/mathTools.js b/11-前端模块化开发/03-webpack模块化开发/webpack起步/src/mathTools.js new file mode 100644 index 0000000..e403d57 --- /dev/null +++ b/11-前端模块化开发/03-webpack模块化开发/webpack起步/src/mathTools.js @@ -0,0 +1,9 @@ +function add(num1,num2){ + return num1 + num2; +} +function remove(num1,num2){ + return num1-num2 +} +export { + add,remove +} \ No newline at end of file