首页 发现 帮助
登录
lovecoding
/
Web1020
10
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

fix:webpack

e 2 月之前
父节点
69085722e2
当前提交
68c025f565
共有 6 个文件被更改，包括 17 次插入 和 8 次删除
分列视图 显示文件统计
  1. 0 1
      16.webpack/demo/dist/index.html
  2. 0 1
      16.webpack/demo/dist/main.js
  3. 7 1
      16.webpack/demo/package.json
  4. 2 2
      16.webpack/demo/src/b.js
  5. 3 2
      16.webpack/demo/webpack.config.js
  6. 5 1
      16.webpack/命令.md

+ 0 - 1
16.webpack/demo/dist/index.html
查看文件 

@@ -1 +0,0 @@
 
-<!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>

+ 0 - 1
16.webpack/demo/dist/main.js
查看文件 

@@ -1 +0,0 @@
 
-console.log("!11"),console.log("23211"),console.log(96),console.log(25);

+ 7 - 1
16.webpack/demo/package.json
查看文件 

@@ -13,7 +13,13 @@
 
     "webpack": "^5.98.0",
 
     "webpack-cli": "^6.0.1"
 
   },
 
+  "scripts": {
 
+    "dev":"webpack server --open"
 
+  },
 
   "browserslist": [
 
     "defaults"
 
-  ]
 
+  ],
 
+  "devDependencies": {
 
+    "webpack-dev-server": "^5.2.1"
 
+  }
 
 }

+ 2 - 2
16.webpack/demo/src/b.js
查看文件 

@@ -1,6 +1,6 @@
 
 // import Pic from '../assets/1.jpg';
 
-// import '../style/index.css';
 
-// document.body.insertAdjacentHTML('beforeend','<h1>第一个案例</h1>')
 
+import '../style/index.css';
 
+document.body.insertAdjacentHTML('beforeend','<h1>第一个案例</h1>')
 
 // document.body.insertAdjacentHTML('beforeend',`<img src=${Pic} />>`)
 
 let a = 24;
 
 let b = 1;

+ 3 - 2
16.webpack/demo/webpack.config.js
查看文件 

@@ -3,7 +3,7 @@ const HtmlWebpackPlugin = require("html-webpack-plugin");
 
 // 抛出
 
 module.exports = {
 
   mode: "production",
 
-  entry: "./src/b.js",
 
+  // entry: "./src/b.js",
 
 
   //  entry:'./news.js',
 
 
@@ -41,5 +41,6 @@ module.exports = {
 
       },
 
     ],
 
   },
 
-  plugins: [new HtmlWebpackPlugin({title:"你好啊"})],
 
+  plugins: [new HtmlWebpackPlugin({title:"你好啊1"})],
 
+  devtool:"inline-source-map"
 
 };

+ 5 - 1
16.webpack/命令.md
查看文件 

@@ -24,4 +24,8 @@ filename:
 
 10. babel插件
 
 11. plugin插件
 
 12. 模式：mode
 
-13. 开发服务器
 
+13. 开发服务器
 
+    yarn add -D webpack-dev-server 安装
 
+    yarn webpack server 启动开发服务器
 
+    yarn webpack server --open 自动打包
 
+14. 映射源码