前言：
这篇只作为webpack小白的入门章，不要上来就去抠官方文档会如同看天书，我认为那是给有基础的人一个参考。需要先入门之后去做对比（小声逼逼webpack官方文档真的不全），总结一下也算是温故而知新
插个图片不让文章看起来过于枯燥，哈哈哈哈
正文：
- webpack打包执行过程是依赖nodejs的，所以要先下载node环境：下载
- 先安装全局webpack包，npm install [email protected] -g，【@后代表要下载的webpack版本我指定安装的是3.12.0，可以不写版本号，下载为最新webpack。-g全局】
- 创建项目文件夹，用cmd小黑板，初始文件：npm init -y（-y可以不用你一个个确认）， 目录下会生成package.json
- 安装局部webpack包，npm install [email protected] --save-dev。【–save-dev可以缩写为-D】*，安装完后看你的package.json出现"devDependencies"对象，这里面会写入你刚刚安装的依赖，package-lock-json锁定下载时依赖包的版本只能保证大版本的最新状态比如3.x。
- 在项目中创建一个src放置你的静态文件，先像下图创建文件，做一个博客的有首页、详情、通用的、列表。里面分别写了【document.write(”首页“),document.write(”文章详情“)，document.write(”每个页面都有我“)，document.write(”文章列表“)】写什么自己定：
- 在项目根目录下创建一个webpack.config.js，上图中js没写.已纠正,创建好了，这是控制静态资源的配置信息，别急慢慢来，如下配置：
- 只是为了实现打包不需要多复杂，现在也可以试试打包webpack -p或者npm run build，使用后者命令需要给package.json的"scripts"中添加"build":“webpack”，接下来能看到在dist下js中有打包的文件：
- 好.把刚刚打包的js文件删除，做一个动态生成的html，需要使用html-webpack-plugin插件：npm install html-webpack-plugin --save-dev。
html-webpack-plugin在github：地址
安装完成后需要在配置文件中也就是webpack.config.js中依赖：
hash能有效的帮我们避免服务器缓存机制，不用再手写版本号咯。懂的人自然懂，不懂得终会懂
用title属性需要在公共模板中index.html写入：
现在的项目结构是：
打包过后在dist/view下有整合好的html可以直接运行，如果完成了也应该懂了点该如何学习webpack了。
