From 72f1b34885cf39b8df74dafd5eeb83ce3872e713 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=96=B9=E5=B4=87=E5=BE=B7?= Date: Mon, 19 Feb 2024 16:37:58 +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=20upd?= =?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 | 60 +++++++++++++++------ 1 file changed, 43 insertions(+), 17 deletions(-) diff --git a/技术文档/前端/webpack5通用配置.md b/技术文档/前端/webpack5通用配置.md index 9b7fe63..2b01d38 100644 --- a/技术文档/前端/webpack5通用配置.md +++ b/技术文档/前端/webpack5通用配置.md @@ -6,22 +6,48 @@ 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 +`-- 安装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` ``` 说明：这里只是一些基础依赖，如果有其他优化调整额外需要引入依赖的话，需要查看一下是否与webpack5是否兼容。 ### 二、配置 @@ -30,5 +56,5 @@ npm i webpack-merge --save-dev \ No newline at end of file