Index: 01_webpack_use/01_start/src/main.js
===================================================================
--- 01_webpack_use/01_start/src/main.js	(revision 2b6116d554d93f24e8372e2cdc3d7ef92a10f091)
+++ 01_webpack_use/01_start/src/js/main.js	(date 1610850938973)
Index: 01_webpack_use/01_start/src/commonJsStuday.js
===================================================================
--- 01_webpack_use/01_start/src/commonJsStuday.js	(revision 2b6116d554d93f24e8372e2cdc3d7ef92a10f091)
+++ 01_webpack_use/01_start/src/js/commonJsStuday.js	(date 1610813389914)
Index: 01_webpack_use/01_start/说明
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- 01_webpack_use/01_start/说明	(revision 2b6116d554d93f24e8372e2cdc3d7ef92a10f091)
+++ 01_webpack_use/01_start/说明	(date 1610814187784)
@@ -2,3 +2,16 @@
 src 和 dist
 src 存放源码
 dist 存放的 通过webpack打包的各个版本的文件。
+package.json
+文件中的 scripts 对象是脚本的意思
+存在的意义是：某些命令很长的时候，我们想偷懒只输入一点点就执行了
+就要在 scripts对象下以键值对的方式添加代码 。
+例如 ：
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"，
+    “build”:"webpack"
+  },
+
+我们在命令行输入 npm run build 实际制执行的就是  webpack 命令。
+注意 webpack包如果装了本地和全局的两个版本时 默认会先去本地看是否有该定义。
+
Index: 01_webpack_use/01_start/webpack.config.js
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- 01_webpack_use/01_start/webpack.config.js	(revision 2b6116d554d93f24e8372e2cdc3d7ef92a10f091)
+++ 01_webpack_use/01_start/webpack.config.js	(date 1610850844752)
@@ -1,7 +1,7 @@
 //require('path') 获取当前文件所在路径。
 const path = require('path');
 module.exports ={
-    entry:path.join(__dirname,'./src/main.js'),//需要打包文件路径
+    entry:path.join(__dirname,'./src/js/main.js'),//需要打包文件路径
     output:{
         path:path.join(__dirname,'./dist'),//打包好文件存放地址（path 需要绝对路径，str.("","") 是拼接字符的方法。）
         filename:'bundle.js'//打包好的文件名字
Index: 01_webpack_use/01_start/dist/bundle.js
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- 01_webpack_use/01_start/dist/bundle.js	(revision 2b6116d554d93f24e8372e2cdc3d7ef92a10f091)
+++ 01_webpack_use/01_start/dist/bundle.js	(date 1610850952722)
@@ -9,13 +9,13 @@
 /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ "./src/commonJsStuday.js":
-/*!*******************************!*\
-  !*** ./src/commonJsStuday.js ***!
-  \*******************************/
+/***/ "./src/js/commonJsStuday.js":
+/*!**********************************!*\
+  !*** ./src/js/commonJsStuday.js ***!
+  \**********************************/
 /***/ ((module) => {
 
-eval("\r\n//加法函数\r\nfunction add(a,b) {\r\n    console.log('我是模块化开发的加法');\r\n    return a+b;\r\n}\r\n\r\n//乘法函数\r\nfunction mul(a,b) {\r\n    console.log('我是模块化开发的乘法。');\r\n    return a*b;\r\n}\r\n// module.exports 的意思是将这两个方法暴露出去，使外面可以访问。类似于java的 封装。\r\nmodule.exports = {\r\n    add,\r\n    mul\r\n};\r\n//\r\n\r\n/**\r\n * 为什么要进行模块化开发？\r\n * 因为前端代码越来越复杂？如果多人协作可能出现方法或变量会命名重复的问题。\r\n *  js 在方法体中的变量的作用域只有该方法体内，利用这一特点就将一个js变成一个js方法，\r\n *  这样通过就避免了这种情况。\r\n * 使用方式\r\n * 第一步定义方法或变量\r\n * 第二步 将需要暴露出去的方法或变量放在  module.exports 对象中\r\n * 第三步 在需要的使用该方法的js中导入该方法。 // add导入的对象  require('导入的方法所在文件的地址');const  {add,mul} = require('./commonJsStuday');\r\n * 第五部利用webpack打包发布。\r\n *\r\n *\r\n *\r\n * */\n\n//# sourceURL=webpack://01_start/./src/commonJsStuday.js?");
+eval("\r\n//加法函数\r\nfunction add(a,b) {\r\n    console.log('我是模块化开发的加法');\r\n    return a+b;\r\n}\r\n\r\n//乘法函数\r\nfunction mul(a,b) {\r\n    console.log('我是模块化开发的乘法。');\r\n    return a*b;\r\n}\r\n// module.exports 的意思是将这两个方法暴露出去，使外面可以访问。类似于java的 封装。\r\nmodule.exports = {\r\n\r\n    add,\r\n    mul\r\n};\r\n//\r\n\r\n/**\r\n * 为什么要进行模块化开发？\r\n * 因为前端代码越来越复杂？如果多人协作可能出现方法或变量会命名重复的问题。\r\n *  js 在方法体中的变量的作用域只有该方法体内，利用这一特点就将一个js变成一个js方法，\r\n *  这样通过就避免了这种情况。\r\n * 使用方式\r\n * 第一步定义方法或变量\r\n * 第二步 将需要暴露出去的方法或变量放在  module.exports 对象中\r\n * 第三步 在需要的使用该方法的js中导入该方法。 // add导入的对象  require('导入的方法所在文件的地址');const  {add,mul} = require('./commonJsStuday');\r\n * 第五部利用webpack打包发布。\r\n *\r\n *\r\n *\r\n * */\n\n//# sourceURL=webpack://01_start/./src/js/commonJsStuday.js?");
 
 /***/ })
 
@@ -46,10 +46,10 @@
 /******/ 	
 /************************************************************************/
 (() => {
-/*!*********************!*\
-  !*** ./src/main.js ***!
-  \*********************/
-eval("//  const 定义一个不可修改的变量，类似于java中的常量\r\n// add导入的对象  require('导入的方法所在文件的地址');\r\nconst  {add,mul} = __webpack_require__(/*! ./commonJsStuday */ \"./src/commonJsStuday.js\");\r\nconsole.log(add(1,5));\r\nconsole.log(mul(1,5));\n\n//# sourceURL=webpack://01_start/./src/main.js?");
+/*!************************!*\
+  !*** ./src/js/main.js ***!
+  \************************/
+eval("//  const 定义一个不可修改的变量，类似于java中的常量\r\n// add导入的对象  require('导入的方法所在文件的地址');\r\nconst  {add,mul} = __webpack_require__(/*! ./commonJsStuday */ \"./src/js/commonJsStuday.js\");\r\nconsole.log(add(1,5));\r\nconsole.log(mul(1,5));\n\n//# sourceURL=webpack://01_start/./src/js/main.js?");
 })();
 
 /******/ })()