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