体验webpack
- npm init -y
- 局部安装webpack： （不推荐全局安装，全局安装会造成版本不稳定，如果多个项目依赖的版本不同，会造成构建失败）
- npm i webpack webpack-cli -D
- 查看webpack版本： npx webpack -v （去当前项目中去找）
- 创建src目录，新建 index.js 文件，写入 console.log('hello webpack')
- 打开 package.json 文件，将scripts下的 test命令修改为 "test": "webpack"
- 在命令行执行 npm run test后，此时发现目录中多个个dist文件夹，新建个 index.html 文件，然后引入dist中的 main.js 就可以查看到 hello webpack
webpack is a module bundle（模块打包工具）
Webpack是一个打包模块化JavaScript的工具，它会从入口模块出发，识别出源码中的模块化导入语句，递归的找出入口文件的所有依赖，将入口和其所有的依赖打包到一个单独的文件中。
是工程化、自动化思想在前端开发中的体现。
webpack的默认配置
- 默认入口模块
- ./src/index.js
- 默认输出模块
- 名称： main.js
- 路径：./dist
- webpack默认支持多种模块类型：commonJS、ESModule、AMD
- webpack默认支持 js 模块和 json 模块