Domů Procházet Nápověda
Přihlásit se
lovecoding
/
Web1020
10
0
Rozštěpit 0
Soubory Úkoly 0 Pull Requesty 0 Wiki
Procházet zdrojové kódy

fix:webpack

e před 1 měsícem
rodič
de213834c7
revize
69085722e2
11 změnil soubory, kde provedl 52 přidání a 32 odebrání
Rozdělené zobrazení Ukázat statistiku rozdílových dat
  1. binární
      16.webpack/demo/dist/7f5dc97e9f151eaf9611.jpg
  2. 1 12
      16.webpack/demo/dist/index.html
  3. 0 0
      16.webpack/demo/dist/main-792-0932acf2fdb81eb0fc0c.js
  4. 0 0
      16.webpack/demo/dist/main-792-d7d12a3bf4c74e280961.js
  5. 0 1
      16.webpack/demo/dist/main-792-ea1f097d489c3884ebae.js
  6. 0 0
      16.webpack/demo/dist/main.js
  7. 5 1
      16.webpack/demo/package.json
  8. 4 4
      16.webpack/demo/src/b.js
  9. 12 0
      16.webpack/demo/src/index2.html
  10. 17 13
      16.webpack/demo/webpack.config.js
  11. 13 1
      16.webpack/命令.md

binární
16.webpack/demo/dist/7f5dc97e9f151eaf9611.jpg
Zobrazit soubor


+ 1 - 12
16.webpack/demo/dist/index.html
Zobrazit soubor 

@@ -1,12 +1 @@
 
-<!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>
 
+<!doctype html><html><head><meta charset="utf-8"><title>你好啊</title><meta name="viewport" content="width=device-width,initial-scale=1"><script defer="defer" src="main.js"></script></head><body></body></html>

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 0 - 0
16.webpack/demo/dist/main-792-0932acf2fdb81eb0fc0c.js


Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 0 - 0
16.webpack/demo/dist/main-792-d7d12a3bf4c74e280961.js


+ 0 - 1
16.webpack/demo/dist/main-792-ea1f097d489c3884ebae.js
Zobrazit soubor 

@@ -1 +0,0 @@
 
-console.log("!11"),console.log("23211"),document.body.insertAdjacentHTML("beforeend","<h1>第一个案例</h1>"),console.log(25);

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 0 - 0
16.webpack/demo/dist/main.js


+ 5 - 1
16.webpack/demo/package.json
Zobrazit soubor 

@@ -8,8 +8,12 @@
 
     "@babel/preset-env": "^7.26.9",
 
     "babel-loader": "^10.0.0",
 
     "css-loader": "^7.1.2",
 
+    "html-webpack-plugin": "^5.6.3",
 
     "style-loader": "^4.0.0",
 
     "webpack": "^5.98.0",
 
     "webpack-cli": "^6.0.1"
 
-  }
 
+  },
 
+  "browserslist": [
 
+    "defaults"
 
+  ]
 
 }

+ 4 - 4
16.webpack/demo/src/b.js
Zobrazit soubor 

@@ -1,7 +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} />>`)
 
+// 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);

+ 12 - 0
16.webpack/demo/src/index2.html
Zobrazit soubor 

@@ -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>index2</title>
 
+</head>
 
+<body>
 
+    
+    我的名字是小明
 
+</body>
 
+</html>

+ 17 - 13
16.webpack/demo/webpack.config.js
Zobrazit soubor 

@@ -1,12 +1,13 @@
 
-const path = require('path')
 
+const path = require("path");
 
+const HtmlWebpackPlugin = require("html-webpack-plugin");
 
 // 抛出
 
 module.exports = {
 
   mode: "production",
 
-//   entry: "./src/a.js",
 
+  entry: "./src/b.js",
 
 
   //  entry:'./news.js',
 
 
-  entry:['./src/a.js','./src/b.js'],
 
+  entry: ["./src/a.js", "./src/b.js"],
 
   // entry:{
 
   //     hi:'./src/a.js',
 
   //     hello:'./src/b.js'
 
@@ -14,28 +15,31 @@ module.exports = {
 
   output: {
 
     // filename:'[name]-[id]-[hash].js',
 
     // path:path.resolve(__dirname,'dist'),
 
-    // clean: true
 
+    clean: true,
 
   },
 
-  module:{
 
-    rules:[ {
 
+  module: {
 
+    rules: [
 
+      {
 
         test: /\.css$/i,
 
-        use: ['style-loader', 'css-loader'],
 
+        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',
 
-      },{
 
+        type: "asset/resource",
 
+      },
 
+      {
 
         test: /\.m?js$/,
 
         exclude: /(node_modules|bower_components)/,
 
         use: {
 
-          loader: 'babel-loader',
 
+          loader: "babel-loader",
 
           options: {
 
-            presets: ['@babel/preset-env'],
 
+            presets: ["@babel/preset-env"],
 
           },
 
         },
 
       },
 
-    ]
 
-  }
 
+    ],
 
+  },
 
+  plugins: [new HtmlWebpackPlugin({title:"你好啊"})],
 
 };

+ 13 - 1
16.webpack/命令.md
Zobrazit soubor 

@@ -12,4 +12,16 @@ yarn webpack
 
 7. 入口：
 
 entry
 
 8. 出口
 
-output
 
+output
 
+filename: 
+...
 
+9. loader插件
 
+```
 
+    function() {
 
+
 
+    }
 
+```
 
+10. babel插件
 
+11. plugin插件
 
+12. 模式：mode
 
+13. 开发服务器

Některé soubory nejsou zobrazeny, neboť je v těchto rozdílových datech změněno mnoho souborů