webpack的构建项目分析，项目目录分析
src（资源目录文件）都是放css，js，images文件的
因为会用到webpack，所有已会有webpack.config.js
这是后缀名为js的但是我们并没有放到js资源中
还有很多的配置文件
首先是我们用webpack创建的vue项目目录
.git文件是我们的代码管理
dist文件有dundle.js这个文件是webpack进行打包输出的文件，还有index.html忘了不知道是干嘛的
src资源管理文件：我们的组件，所有的资源放在这里入口文件main.js,入口App.vue文件，index.html
router.js。还有我们的js，images。这个lib是我们放第三方包的，又不是用npm下载的
然后呢！同级目录下都是配置文件：.babelrc .gitignore LICENSE(这个我倒是忘了是干嘛的了)
package.json webpack.config.js 还要一个readme文件 有三个文件是我们上传到github上一般要写的东西吧
用脚手架创建的项目目录也是差不多啦
也会有点不一样，vue create
但是都是一样。我现在要做的是理清关系
我才知道，为什么有创建这么多东西。都是知道是为了方便管理
那回到最开始，前端的主要任务是什么
写页面，静态页面（HTML，css，js）
index.html（这是主界面）然后js，css，images
我们都放在src中，然后引入进来。随着我们的项目
越来越大，我们需要的插件，框架越来越多，
我们需要引入的就越来越多，有很多的后缀名
有很多的依赖，我们该如何管理
项目的第一步：index.html文件
我们不想把所有的静态资源全部引入到index.html中
也为了减少二次请求，然后webpack就诞生了，他将所有的
静态资源打包成一个文件js文件。经过webpack打包的
文件boudle.js之后,引入这个文件到index.js就可以了
这样的文件，浏览器可以认识并渲染它
项目的第二步：建一个入口文件，main.js 经过webpack打包 bundle.js
然后接下来我们用我们主要的开发框架vue
组件，模块化开发
我们会把所有文件都引入到main.js这个文件中
那么相当于我们，一共就是只有两个文件
index.html main.js这两个文件