1 ay önce · de213834c7
--- a/16.webpack/demo/assets/1.jpg
+++ b/16.webpack/demo/assets/1.jpg
--- a/16.webpack/demo/dist/7f5dc97e9f151eaf9611.jpg
+++ b/16.webpack/demo/dist/7f5dc97e9f151eaf9611.jpg
--- a/16.webpack/demo/dist/index.html
+++ b/16.webpack/demo/dist/index.html
@@ -0,0 +1,12 @@
 
				+<!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="./main.js"></script>
			
 
				+</head>
			
 
				+<body>
			
 
				+    
			
 
				+</body>
			
 
				+</html>
			
--- a/16.webpack/demo/dist/main-792-0932acf2fdb81eb0fc0c.js
+++ b/16.webpack/demo/dist/main-792-0932acf2fdb81eb0fc0c.js
--- a/16.webpack/demo/dist/main-792-cd466ba6ef4a9444e3a4.js
+++ b/16.webpack/demo/dist/main-792-cd466ba6ef4a9444e3a4.js
@@ -1 +0,0 @@
 
				-console.log("!11"),console.log("23211"),console.log(25);
			
--- a/16.webpack/demo/dist/main-792-d7d12a3bf4c74e280961.js
+++ b/16.webpack/demo/dist/main-792-d7d12a3bf4c74e280961.js
--- a/16.webpack/demo/dist/main-792-ea1f097d489c3884ebae.js
+++ b/16.webpack/demo/dist/main-792-ea1f097d489c3884ebae.js
@@ -0,0 +1 @@
 
				+console.log("!11"),console.log("23211"),document.body.insertAdjacentHTML("beforeend","<h1>第一个案例</h1>"),console.log(25);
			
--- a/16.webpack/demo/dist/main.js
+++ b/16.webpack/demo/dist/main.js
--- a/16.webpack/demo/package.json
+++ b/16.webpack/demo/package.json
@@ -4,6 +4,11 @@
 
				   "main": "index.js",
			
 
				   "license": "MIT",
			
 
				   "dependencies": {
			
 
				+    "@babel/core": "^7.26.10",
			
 
				+    "@babel/preset-env": "^7.26.9",
			
 
				+    "babel-loader": "^10.0.0",
			
 
				+    "css-loader": "^7.1.2",
			
 
				+    "style-loader": "^4.0.0",
			
 
				     "webpack": "^5.98.0",
			
 
				     "webpack-cli": "^6.0.1"
			
 
				   }
			
--- a/16.webpack/demo/src/a.js
+++ b/16.webpack/demo/src/a.js
@@ -1,2 +1,8 @@
 
				 console.log("!11")
			
 
				-console.log("23211")
			
 
				+console.log("23211")
			
 
				+let a = 12;
			
 
				+var b = 8;
			
 
				+function fn1(x,y) {
			
 
				+console.log(x*y)
			
 
				+}
			
 
				+fn1(a,b)
			
--- a/16.webpack/demo/src/b.js
+++ b/16.webpack/demo/src/b.js
@@ -1,3 +1,7 @@
 
				+import Pic from '../assets/1.jpg';
			
 
				+import '../style/index.css';
			
 
				+document.body.insertAdjacentHTML('beforeend','<h1>第一个案例</h1>')
			
 
				+document.body.insertAdjacentHTML('beforeend',`<img src=${Pic} />>`)
			
 
				 let a = 24;
			
 
				 let b = 1;
			
 
				 console.log(a+b);
			
--- a/16.webpack/demo/style/index.css
+++ b/16.webpack/demo/style/index.css
@@ -0,0 +1,3 @@
 
				+h1 {
			
 
				+    color: red;
			
 
				+}
			
--- a/16.webpack/demo/webpack.config.js
+++ b/16.webpack/demo/webpack.config.js
@@ -12,8 +12,30 @@ module.exports = {
 
				   //     hello:'./src/b.js'
			
 
				   // }
			
 
				   output: {
			
 
				-    filename:'[name]-[id]-[hash].js',
			
 
				-    path:path.resolve(__dirname,'dist'),
			
 
				-    clean: true
			
 
				+    // filename:'[name]-[id]-[hash].js',
			
 
				+    // path:path.resolve(__dirname,'dist'),
			
 
				+    // clean: true
			
 
				   },
			
 
				+  module:{
			
 
				+    rules:[ {
			
 
				+        test: /\.css$/i,
			
 
				+        use: ['style-loader', 'css-loader'],
			
 
				+      },
			
 
				+      {
			
 
				+        // v-if v-for优先级谁高 （v2/v3）
			
 
				+        // png|svg|jpg|jpeg|gif 区别
			
 
				+        test: /\.(png|svg|jpg|jpeg|gif)$/i,
			
 
				+        type: 'asset/resource',
			
 
				+      },{
			
 
				+        test: /\.m?js$/,
			
 
				+        exclude: /(node_modules|bower_components)/,
			
 
				+        use: {
			
 
				+          loader: 'babel-loader',
			
 
				+          options: {
			
 
				+            presets: ['@babel/preset-env'],
			
 
				+          },
			
 
				+        },
			
 
				+      },
			
 
				+    ]
			
 
				+  }
			
 
				 };
		`@@ -1 +0,0 @@`
		`-console.log("!11"),console.log("23211"),console.log(25);`
		`@@ -0,0 +1 @@`
		`+console.log("!11"),console.log("23211"),document.body.insertAdjacentHTML("beforeend","<h1>第一个案例</h1>"),console.log(25);`