1.npm init -y //初始化项目 2.在项目根目录下创建src源代码目录和dist产品目录 3.在src目录下创建index.html 4.安装 webpack npm install --save-dev webpack webpack-cli -g 5.在根目录下创建webpack.config.js文件 module.exports={ mode:'development' } 6.注意webpack4.x提供了约定大于配置的概念,目的是为了减少配置文件的提交; 默认约定了 打包的入口是src ->index.js 打包输出的是 dist ->main.js 7.允许webpack 8.在index.html中引用 dist下的main.js