From e954548a4bf4bfc69f78193cd8c1093c8d7d1416 Mon Sep 17 00:00:00 2001
From: hanjian <hanjian@rzdata.net>
Date: Mon, 19 Feb 2024 16:35:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8A=80=E6=9C=AF=E6=96=87=E6=A1=A3/=E5=89=8D?=
 =?UTF-8?q?=E7=AB=AF/webpack5=E9=80=9A=E7=94=A8=E9=85=8D=E7=BD=AE.md=20cre?=
 =?UTF-8?q?ated=20from=20https://stackedit.cn/?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 技术文档/前端/webpack5通用配置.md | 39 +++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 技术文档/前端/webpack5通用配置.md

diff --git a/技术文档/前端/webpack5通用配置.md b/技术文档/前端/webpack5通用配置.md
new file mode 100644
index 0000000..a376549
--- /dev/null
+++ b/技术文档/前端/webpack5通用配置.md
@@ -0,0 +1,39 @@
+### 一、环境及依赖配置
+
+#### 1.1、环境要求
+
+Node版本要在10.13.0以上
+
+#### 1.2、基础依赖
+```
+`-- 安装webpack所需依赖`
+`npm i webpack webpack-cli webpack-dev-server --save`
+
+`-- 安装自动生成html依赖`
+`npm i html-webpack-plugin html-loader clean-webpack-plugin --save-dev`
+
+`-- 安装css/字体图表处理依赖`
+`npm i css-loader style-loader sass sass-loader mini-css-extract-plugin --save`
+
+`-- 如果有scss则还需引入`
+`npm i sass sass-loader --save`
+
+`-- 如果有less则还需引入`
+
+`npm i less less-loader --save`
+
+`-- 为不同内核的浏览器加上CSS前缀`
+
+`npm install postcss-loader autoprefixer --save`
+
+`-- 图片及字体处理`
+
+`npm i url-loader file-loader --save`
+
+`-- 合并配置`
+
+`npm i webpack-merge --save-dev`
+```
+<!--stackedit_data:
+eyJoaXN0b3J5IjpbMTk3MTIxMzI4OF19
+-->
\ No newline at end of file