zheng 15 hours ago
parent
commit
07394a64ec

BIN
.DS_Store


+ 1 - 0
16.Webpack/dist/index.html

@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Document</title><script defer="defer" src="main.js"></script></head><body></body></html>

File diff suppressed because it is too large
+ 0 - 0
16.Webpack/dist/main.js


+ 3 - 1
16.Webpack/package.json

@@ -1,9 +1,11 @@
 {
   "devDependencies": {
     "css-loader": "^7.1.4",
+    "html-webpack-plugin": "^5.6.7",
     "style-loader": "^4.0.0",
     "webpack": "^5.106.2",
-    "webpack-cli": "^7.0.2"
+    "webpack-cli": "^7.0.2",
+    "webpack-dev-server": "^5.2.4"
   },
   "dependencies": {
     "axios": "^1.16.0"

+ 11 - 0
16.Webpack/src/index.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    
+</body>
+</html>

+ 2 - 2
16.Webpack/src/index.js

@@ -1,5 +1,5 @@
-console.log("你好",document.getElementById("box")); 
+console.log("你好aaaaaa",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>`)
+// document.body.insertAdjacentHTML('beforebegin',`<img src=${Pic}></img>`)

+ 26 - 15
16.Webpack/webpack.config.js

@@ -1,19 +1,20 @@
-const path = require("path");
+// const path = require("path");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
 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: {
+  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,
@@ -25,4 +26,14 @@ module.exports = {
       },
     ],
   },
+  plugins:[
+    new HtmlWebpackPlugin({ template: './src/index.html' })
+  ],
+  // 映射源码
+  devtool:"inline-source-map",
+  // 文件限制
+  performance:{
+    maxEntrypointSize: 5000000000,
+    maxAssetSize: 2000000000
+  }
 }

Some files were not shown because too many files changed in this diff