webpack的安装使用（基础入门篇）

webpack的安装使用

01，webpack简单理解

webpack是一款工程管理工具，功能：可以压缩混淆程序源写的代码，还可以进行javascript版本控制，可以大大的提高开发效率。

02，webpack安装学习

（1），webpack安装

npm install webpack@5.42.1 webpack-cli@4.7.2 -D
注意：-D 是 --save-dev 的缩写，表示开发时依赖，只在项目开发阶段用到。 -S 是 --save 的缩写，表示运行时依赖，即项目打包发布运行时要用到。

（2），webpack配置

注意:在使用webpack时，需要进行两个配置.
🌸 01：创建一个webpack.config.js,这个文件专门控制怎么样进行打包，操作，例如：打包的入口，打包文件的存放路径。
🌸 02：在package.json配置"script"，这里是用来控制打包的开始。

webpack.config.js:

package.json

打包前和打包后的比较

注意：

小编：O_O