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