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"));`