vue.js - 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.js - vue+webpack如何搭建项目的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！