rzdata/knowledge
20
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

技术文档/前端/webpack5通用配置.md updated from https://stackedit.cn/

Browse Source
This commit is contained in:
hanjian 2024-02-19 16:39:40 +08:00
parent ca55d21e6f
commit 72e930e443
1 changed files with 12 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
技术文档/前端/webpack5通用配置.md
View File

@ -6,34 +6,22 @@ Node版本要在10.13.0以上
#### 1.2、基础依赖 #### 1.2、基础依赖
``` ```
`-- 安装webpack所需依赖 -- 安装webpack所需依赖
` npm i webpack webpack-cli webpack-dev-server --save
`npm i webpack webpack-cli webpack-dev-server --save
`
`-- 安装自动生成html依赖 -- 安装自动生成html依赖
` npm i html-webpack-plugin html-loader clean-webpack-plugin --save-dev
`npm i html-webpack-plugin html-loader clean-webpack-plugin --save-dev
`
`-- 安装css/字体图表处理依赖 -- 安装css/字体图表处理依赖
` npm i css-loader style-loader sass sass-loader mini-css-extract-plugin --save
`npm i css-loader style-loader sass sass-loader mini-css-extract-plugin --save
`
`-- 如果有scss则还需引入 -- 如果有scss则还需引入
` npm i sass sass-loader --save
`npm i sass sass-loader --save
`
`-- 如果有less则还需引入 -- 如果有less则还需引入
` npm i less less-loader --save
`npm i less less-loader --save -- 为不同内核的浏览器加上CSS前缀
`
`-- 为不同内核的浏览器加上CSS前缀
`
`npm install postcss-loader autoprefixer --save `npm install postcss-loader autoprefixer --save
` `
@ -243,6 +231,5 @@ module.exports = merge(baseConfig, grayConfig)
``` ```
其他还有什么优化配置的可以去webpack中文网站了解一下：[https://webpack.docschina.org/concepts/](https://webpack.docschina.org/concepts/) 其他还有什么优化配置的可以去webpack中文网站了解一下：[https://webpack.docschina.org/concepts/](https://webpack.docschina.org/concepts/)
<!--stackedit_data: <!--stackedit_data:
eyJoaXN0b3J5IjpbLTE1MzU1NDg3ODcsLTIxNDQ2ODQ3NDBdfQ eyJoaXN0b3J5IjpbMTY3NTA2NTQ0NywtMjE0NDY4NDc0MF19
==
--> -->