cd myapp
npm init （初始化项目）
一路回车（关于项目信息的填写，可以不写，一路回车即可）可以在此步骤中填写一些项目信息，也可以在第5步骤完成后填写。
以上步骤结束，myapp文件夹中创建了package.json文件，如下图所示：package.json文件是关于配置的一些说明，包括：展示项目npm所依赖的包项目的基本信息
npm install webpack --save-dev（安装webpack），如下图所示：
创建页面文件index.html和入口文件index.js创建一个index.html存放页面内容，放到 dist/ 目录下，创建一个index.js入口文件，放到 src/ 目录下。目录结构，如下图所示：注：所谓入口文件就是从这个文件中引入的资源都会被Webpack统一打包处理，无论它是图片资源，样式资源，还是JS资源。Webpack会根据配置对不同类型的资源文件进行不注八同方式的处理。
在根目录下创建 webpack.config.js 文件使页面文件index.html和入口文件index.js关联webpack.config.js文件内容，如下图所示：
运行命令 webpack在窗口输入 webpack 回车，则编译并打包相应的文件，当前的目录结构，如下图所示：
在页面文件index.html引入bundle.js文件即可index.html文件，如下图所示：注意： 以上10个步骤结束，一个基本的项目已经构建完成
让页面自动刷新npm install --save-dev webpack-dev-server
简单配置一下webpack.config.js文件，加上下面配置鉴屈，如下图所示：
运攀五侨行指令： webpack-dev-server注意： 完成以上步骤后，就可以进行基本的开发了，修改文件可实现页面自动刷新，之后有需要什么依赖和加载器可以按需安装并配置即可。