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

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 完成前端部分。

【热门文章】
【热门文章】