如何使用 vue.js + webpack 搭建大型商务网站的前端开发环境 ?
同时需要满足:
1、网站追求绚丽特效,依旧使用大量的jquery插件实现。
2、由于SEO的原因,不使用vue.js 的路由,依旧使用后端嵌套页面。vue.js 是应用在网站某些交互比较多、比较复杂的栏目中。
如何使用 vue.js + webpack 搭建大型商务网站的前端开发环境 ?
同时需要满足:
1、网站追求绚丽特效,依旧使用大量的jquery插件实现。
2、由于SEO的原因,不使用vue.js 的路由,依旧使用后端嵌套页面。vue.js 是应用在网站某些交互比较多、比较复杂的栏目中。
你的问题点比较大,说一下我的看法。
按你的描述,其实仅仅把Vue用作视图库,方便交互的实现,没有太注重它实现的组件化。
可以试试webpack多入口打包,打包成多个页面
但,怎么都觉得不合适,也许,webpack并不合适你的需要
重视SEO的话可以考虑服务器模版引擎来进行渲染的
不太清楚项目Vue应用到什么程度,如果需要,Vue现在也支持同构,可以了解一下!
既然服务端渲染,应该绝大部分数据是由服务端渲染到页面,基本没有vue
的事了,这个时候再把vue
加上,给我的感觉就是为了用vue
而用vue
,或者为了那少部分功能而硬上vue
,用jQuery
是为了因为要使用插件可以理解,但个人建议尽量不要vue
和jquery
同时用,你可以使用插件来代替vue
的数据驱动视图功能,比如Display.js,一来一个大项目没必要引入两个库,二来也能满足你小部分地方使用数据驱动视图的功能。甚至你没必要引入Display.js,也可以自己写一个双向绑定功能就行了,vue
不支持IE8
,所以这个双向绑定非常好写(毕竟不用做对老浏览器做兼容)。webpack
甚至都不需要,因为页面都是后台渲染的模板,如果仅仅是打包编译和压缩静态资源文件(图片、css、js、icon),可以用更简单的gulp
来完成。
建议你直接用laravel 5.5 来做这个项目 完全符合你的要求 后端路由只提供基本的页面渲染 具体前端内容全部可以使用vuejs来实现 引入各种jquery库也很方便
你也不用考虑webpack怎么配置 直接用laravel-mix来处理依赖包打包、压缩等内容
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
2 回答4.7k 阅读✓ 已解决
4 回答4.3k 阅读✓ 已解决
那就只有用原生
vue
进行开发,1.页面模板还是后端模板,引入
vue.js
2.原生
vue
,组件这一块要好好处理,可以用template封装常用组件3.代码压缩这一块,可以用
webpack
,也推荐用fis3