webpack-安装和配置webpack

在项目中安装webpack

在终端运行如下的命令，安装webpack相关的两个包：
npm install webpack@5.42.1 webpack-cli@4.7.2 -D

在项目中配置webpack

1. 在项目根目录中，创建名为webpack.config.js的webpack配置文件，并初始化如下的基本配置：

module.exports={
	mode:'development' // mode 用来指定构建模式，可选值有development 和 production
}

2. 在package.json的scripts节点下，新增dev脚本如下：

"scripts":{
	"dev":"webpack" // script 节点下的脚本，可以通过 npm run 执行，例如 npm run dev
}

3. 在终端中运行npm run dev命令，启动webpack进行项目的打包构建