1 day ago · 82fdc55f00
--- a/16.Webpack/dist/e0656ee9822754b127dc.jpg
+++ b/16.Webpack/dist/e0656ee9822754b127dc.jpg
--- a/16.Webpack/dist/main.js
+++ b/16.Webpack/dist/main.js
--- a/16.Webpack/hello/main.js
+++ b/16.Webpack/hello/main.js
@@ -0,0 +1 @@
 
															+console.log("你好",document.getElementById("box"));
														
--- a/16.Webpack/index.html
+++ b/16.Webpack/index.html
@@ -0,0 +1,13 @@
 
															+<!DOCTYPE html>
														
 
															+<html lang="en">
														
 
															+<head>
														
 
															+    <meta charset="UTF-8">
														
 
															+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
														
 
															+    <title>Document</title>
														
 
															+     <script defer src="./dist/main.js"></script>
														
 
															+</head>
														
 
															+<body>
														
 
															+    <!-- mkdir xxx -->
														
 
															+     <div id="box"></div> 
														
 
															+</body>
														
 
															+</html>
														
--- a/16.Webpack/package.json
+++ b/16.Webpack/package.json
@@ -0,0 +1,11 @@
 
															+{
														
 
															+  "devDependencies": {
														
 
															+    "css-loader": "^7.1.4",
														
 
															+    "style-loader": "^4.0.0",
														
 
															+    "webpack": "^5.106.2",
														
 
															+    "webpack-cli": "^7.0.2"
														
 
															+  },
														
 
															+  "dependencies": {
														
 
															+    "axios": "^1.16.0"
														
 
															+  }
														
 
															+}
														
--- a/16.Webpack/src/1.jpg
+++ b/16.Webpack/src/1.jpg
--- a/16.Webpack/src/a.js
+++ b/16.Webpack/src/a.js
@@ -0,0 +1 @@
 
															+console.log("哈哈哈哈"); 
														
--- a/16.Webpack/src/index.css
+++ b/16.Webpack/src/index.css
@@ -0,0 +1,3 @@
 
															+h1 {
														
 
															+    color: red;
														
 
															+}
														
--- a/16.Webpack/src/index.js
+++ b/16.Webpack/src/index.js
@@ -0,0 +1,5 @@
 
															+console.log("你好",document.getElementById("box")); 
														
 
															+import './index.css';
														
 
															+import Pic from './1.jpg';
														
 
															+document.body.insertAdjacentHTML('beforebegin','<h1>你好</h1>')
														
 
															+document.body.insertAdjacentHTML('beforebegin',`<img src=${Pic}></img>`)
														
--- a/16.Webpack/webpack.config.js
+++ b/16.Webpack/webpack.config.js
@@ -0,0 +1,28 @@
 
															+const path = require("path");
														
 
															+module.exports = {
														
 
															+    mode:"production",
														
 
															+    // mode:"development", 
														
 
															+    entry:"./src/index.js",
														
 
															+    // entry: ['./src/a.js','./src/index.js']
														
 
															+    // entry: {
														
 
															+    //     hi:"./src/a.js",
														
 
															+    //     aa: "./src/index.js"
														
 
															+    // }
														
 
															+    output:{
														
 
															+        // filename:'[name]-[id]-[hash].js',
														
 
															+        // path:path.resolve(__dirname,'dist')
														
 
															+        clean: true
														
 
															+    },
														
 
															+      module: {
														
 
															+    rules: [
														
 
															+      {
														
 
															+        test: /\.css$/i,
														
 
															+        use: ['style-loader', 'css-loader'],
														
 
															+      },
														
 
															+      {
														
 
															+        test: /\.(png|svg|jpg|jpeg|gif)$/i,
														
 
															+        type: 'asset/resource',
														
 
															+      },
														
 
															+    ],
														
 
															+  },
														
 
															+}
														
--- a/16.Webpack/管理工具.md
+++ b/16.Webpack/管理工具.md
@@ -7,4 +7,11 @@ npm config get registry
 
															 ## cnpm => npm
														
 
															 npm config set registry https://registry.npmjs.org
														
 
															-## yarn
														
 
															+## yarn
														
 
															+npm install yarn -g
														
 
															+
														
 
															+npm install xxx / cnpm install xxx / yarn add xxxx
														
 
															+
														
 
															+## 安装命令
														
 
															+
														
 
															+yarn add webpack webpack-cli -D
	`@@ -0,0 +1 @@`
			`+console.log("你好",document.getElementById("box"));`