From bce57a8f8c81f262218ea02026a6b5dc739c62f3 Mon Sep 17 00:00:00 2001 From: hanjian Date: Mon, 19 Feb 2024 16:37:10 +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 | 51 ++++++++++----------- 1 file changed, 23 insertions(+), 28 deletions(-) diff --git a/技术文档/前端/webpack5通用配置.md b/技术文档/前端/webpack5通用配置.md index a376549..9b7fe63 100644 --- a/技术文档/前端/webpack5通用配置.md +++ b/技术文档/前端/webpack5通用配置.md @@ -6,34 +6,29 @@ 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是否兼容。 +### 二、配置 + +#### 2.1、通用配置webpack.base.js + + \ No newline at end of file