webpack实例教程(一) 安装和查看

webpack是一个很实用的打包工具，为了能够更透彻的掌握，我决定自己多写一些，作为笔记，当然要是能帮助大家就更好啦！
webpack可以将所有的文件，包括js,css,image等打包成一个js文件，减少请求，提高效率，而且还可以利用浏览器的缓存功能，更快的展示界面。是比gulp和grount更好用的包管理工具，所以接下来就要好好学一下这个工具了。

1、首先得新建一个简单地项目

结构如下：

image.png

目录路径当中不能有汉字，在 cnpm init的时候就会报错（亲测）。

2、然后创建package.json文件

在项目文件夹下执行cnpm init，回车就行。