本文已参与「新人创作礼」活动，一起开启掘金创作之路。
1.检查是否有安装npm。
在windows系统下，同时按下windows+R调出命令，输入CMD，如下图：
图1
打开命令工具，输入命令：npm -v
如下图：
图2
图中显示了5.6.0说明已经安装了npm，显示的5.6.0是npm的版本，如果没有安装的话就要先去安装一下npm之后再继续接下去的操作；
2.进入项目文件夹并生成package.json文件。
新建一个空文件newitem，如下图：
图3
然后用命令工具进入这个新项目的空文件夹，然后再输入npm init，如下图：
图4
3.为项目添加webpack依赖。
在命令工具中输入命令：npm install webpack --save-dev
如下图：
图5
完成以上操作之后你会发现你新建的项目文件里面多了一些文件，如下图：
图6
4.新建webpack.config.js配置文件。
图7
接着就可以通过package.json文件中的scripts来启动不同的服务，而webpack.config.js文件是用来设置webpack相关服务内容的。
比如：可以设置启动服务的模式、项目文件的转化、打包编译的文件存放路径、前端服务的端口号、设置代理等等；
下一篇文章再具体讲解如何在webpack.config.js之中进行各种配置了。
关注公众号（月影WEB），了解更多的前后端知识；
欢迎大家关注互相交流学习；
