在使用webpack之前我们需要把npm安装好。
1.初始化文件夹
npm init -y
2.在开发环境安装webpack和webpack-cli
npm install webpack webpack-cli -D
3.创建一个src文件夹来放我们的资源文件,里面创建一个名为index.js的入口文件,这个入口文件名在package.json中有定义
4.终端输入
webpack --mode development
打包得到一个dist文件,里面包含打包好的js文件,这是开发环境的,可以把development换成production,变为生产环境打包。生产环境打包出来的文件没有注释,如果要恢复之前的格式,可以按下ctrl+alt+L.
之后我们就可以调用打包好的dist文件夹里面的main.js文件了。