根据博客自己搭建的vue项目，记录不使用webpack的代码到使用webpack的心理历程

链接：vue-cli+vuex+scss+element-ui+axios+webpack搭建超简洁完整项目+IIS部署（入门全家桶）

上面链接讲的部署方式及代码非常的清晰，不在赘述。

我根据上面讲解搭建的git项目地址：https://github.com/gmm2339/vuetest.git

下面只说明我只记得体会，仅做个人记录或者入门人员参考。

1.首先确定整个项目的入口文件，可以从项目config 目录下面找到：webpack.base.conf.js文件。文件中module.exports中指出入口文件为：.src/main.js。main.js中指出采用的是App.vue组件（components: { App }）

所以可以根据这个说明去找到不采用webpack和采用webpack的代码文件查看思路。

index.html-->main.js-->App.vue.

2.App.vue中指出使用了外部组件header.vue  menus.vue（

import HeaderTab from './components/header.vue'
import menuList from './components/menus.vue'

）

3.header.vue组件相对简单，暂且不说。menus.vue组件中，引入了静态数据jsondata.js(

import {menuDatas} from '../assets/datas/jsondata.js'

)

使用了其中的数据：

4.router-link 中指出了路由跳转位置，此时使用（默认调用）到了router文件夹下的index.js文件中的路由信息。

此文件中指出了路由中使用的组件的位置。