Главная Обзор Помощь
Вход
lovecoding
/
Web1020
10
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Просмотр исходного кода

fix:webpack

e 2 месяцев назад
Родитель
69085722e2
Сommit
68c025f565
6 измененных файлов с 17 добавлено и 8 удалено
Разделённый вид Показать статистику Diff
  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. 映射源码