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