这是我从博客园转战简书的第一篇文章，最近面试老是问到webpac的相关知识，咱也去学习了解下，不能拖后腿不是，闲话少说开撸；
本文意在带领读者简单搭建基于webpack4.0环境下的Vue项目，在此过程中熟悉webpack以及vue的简单用法，请一定要按照步骤一步一步进行，循序渐进，从依赖包安装到webpack配置到vue单文件组件的引用到最后打包发布一条龙服务包各位看官满意
（一）首先一定安装node.js
1.1、安装地址： https://nodejs.org/en/
1.2、安装后需要配置环境变量：https://www.cnblogs.com/zhouyu2017/p/6485265.html
（二）、安装webpack
2.1、在任意盘下新建一个文件夹（如：webpack_vue）
2.2、通过cmd或者开发工具进入该文件夹下
2.3:首先运行npm init -y,初始化你的项目(会在你的文件夹下自动生成一个package.json文件)
2.4、安装webpack,webpak4.0需要webpak-cli(npm install webpack webpack-cli -D)这样安装就可以使webpack安装到开发依赖中(https://www.webpackjs.com/guides/getting-started/)安装完成之后，你会发现你的package.json文件中会出现你安装的这两个模块
2.5、然后在你的文件夹下新建这几个文件夹和文件
2.6:、安装webpack-dev-server(npm i webpack-dev-server -D)并且配置package.json和webpack.config.js这两个文件让你的项目用npm run dev运行起来
2.6.1:__dirname是根目录，配置这些文件是让你打包main.js时候指定打包目录
2.6.2:安装html-webpack-plugin解析html模版(npm i html-webpack-plugin -D)并且配置webpack.config.js文件
（三）:安装vue(npm i vue -S)
(四)：安装vue-loader和vue-template-compiler解析vue模版(npm i vue-loader vue-template-compiler -D),并且配置webpack.config.js文件
4.1:配置webpack.config.js文件
（五）在src下新建一个App.vue文件，并且在main.js中进行导入
5.1、绑定实例到index.html中
（六）npm run dev运行项目
