如何使用 vue + webpack 一个大型商务网站,并且路由由后端实现?

mark1988
  • 28

如何使用 vue.js + webpack 搭建大型商务网站的前端开发环境 ?
同时需要满足:
1、网站追求绚丽特效,依旧使用大量的jquery插件实现。
2、由于SEO的原因,不使用vue.js 的路由,依旧使用后端嵌套页面。vue.js 是应用在网站某些交互比较多、比较复杂的栏目中。

回复
阅读 3.1k
5 个回答
Reachel
  • 2.6k

那就只有用原生vue进行开发,
1.页面模板还是后端模板,引入vue.js
2.原生vue,组件这一块要好好处理,可以用template封装常用组件
3.代码压缩这一块,可以用webpack,也推荐用fis3

你的问题点比较大,说一下我的看法。
按你的描述,其实仅仅把Vue用作视图库,方便交互的实现,没有太注重它实现的组件化。
可以试试webpack多入口打包,打包成多个页面
但,怎么都觉得不合适,也许,webpack并不合适你的需要
重视SEO的话可以考虑服务器模版引擎来进行渲染的
不太清楚项目Vue应用到什么程度,如果需要,Vue现在也支持同构,可以了解一下!

alwaysVe
  • 1.9k

既然服务端渲染,应该绝大部分数据是由服务端渲染到页面,基本没有vue的事了,这个时候再把vue加上,给我的感觉就是为了用vue而用vue,或者为了那少部分功能而硬上vue,用jQuery是为了因为要使用插件可以理解,但个人建议尽量不要vuejquery同时用,你可以使用插件来代替vue的数据驱动视图功能,比如Display.js,一来一个大项目没必要引入两个库,二来也能满足你小部分地方使用数据驱动视图的功能。甚至你没必要引入Display.js,也可以自己写一个双向绑定功能就行了,vue不支持IE8,所以这个双向绑定非常好写(毕竟不用做对老浏览器做兼容)。
webpack甚至都不需要,因为页面都是后台渲染的模板,如果仅仅是打包编译和压缩静态资源文件(图片、css、js、icon),可以用更简单的gulp来完成。

建议你直接用laravel 5.5 来做这个项目 完全符合你的要求 后端路由只提供基本的页面渲染 具体前端内容全部可以使用vuejs来实现 引入各种jquery库也很方便
你也不用考虑webpack怎么配置 直接用laravel-mix来处理依赖包打包、压缩等内容

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏