vue+webpack如何搭建项目的问题

我是一个刚入门的前端,在一个创业公司工作了一年,由于公司没有专门的前端,所以我只能自学,很多东西不明白想请教一下各位大牛。是这样的,我想安利公司使用vue+webpack,但之前的项目结构不知道怎样入手,麻烦大家指点一下。

1.项目目录
公司用后端用的是PHP,框架是ThinkPHP,所以后端就是Home目录下的东西,MVC都在那里。

2.使用require.js
每个HTML下都有一个script作为入口,data-app是对应功能的JS,main是require.js的入口:
<script data-app=”inspection-publish.js” data-main=”js/main.js”src=”/js/lib/require/require.min.js”> </script>

所以每一个功能进去的时候首先进入入口main.js,在里面验证信息之类的,最后就加载data-app,对应的功能的js就加载进去了。

3.访问过程
当我们访问某一功能时(这里的功能是inspection-publish)的地址是下面那样,这是根据ThinkPHP的方式进行访问,wxProject是控制器名,inspection-publish对应的是View里面该功能的HTML名

http://localhost/2016Project_ABuild/wxProject/inspection-publish#Publish

4.所以问题是,我在学习vue+webpack的过程中,发现都是一个入口一个出口,就是一个项目目录里就只有一个HTML,相当于一个项目目录里就只能做一个功能。但我们项目现在是一个项目目录包含很多个功能,每个功能都有自己的HTML。这应该怎样解决呢?我自己一个新手真的想不到,麻烦大家指点一下,谢谢。

webpack 不太适合后端路由的多页面应用,可以尝试仅使用 vue 完成前端部分。

  • vue如何追踪append的元素?
  • vue用for循环报if的错误
  • 如何在 vue-resource 全局拦截器中访问vue实例
  • react map遍历报错
  • vue 计算属性 在input失去焦点时,调用了两次set
  • 使用 event bus 怎样对实例属性操作?
  • 用vue-cli构建的vue项目打包出来的dist里包含router了吗,为什么直接打开index.html不行
  • 求大神讲一下vue源码里的parsers- > path.js – > pathStateMachine的实现思路
  • 求解 vue.js属性值问题
  • vue项目启动的时候报错
  • vue-cli项目在部分微信和safari里面打不开