1、确保在node和npm环境下，如果没有，先安装node环境。我的node:
2、新建一个文件夹web，在命令行里进入web,执行 npm init
此时，web文件夹下多了一个package.json文件。
3、安装webpack,执行:npm install webpack --save-dev,安装完成后文件目录如下:
4、在web下新建index.html、webpack.config.js,在web目录下新建css、src、img文件夹，目录结构如下:
5、关键点：在webpack.config.js文件中做如下配置:
在src目录下新建app.js作为入口文件，随便写点什么，比如console.log(123).
打开package.json,在scripts里添加："start": "webpack"
在命令里执行 npm start,如下所示：
文件目录下多了dist/bundle.js;目录结构如下:
将bundle.js引入index.html,打开浏览器控制台打印出123，至此最简单的webpack打包成功。
本文仅献给初学webpack的同学，webpack功能强大，想要学好仍需多多学习。
项目下载地址：https://github.com/zhangshuan...