官网适合用vue-cli吗?

面试的时候面试官反问了我:为什么你做官网要用脚手架?脚手架很多代码被压缩对搜索引擎不友好

如果不用webpack、vue-cli之类的工具,直接html、css静态页面写么 像这样

image.png

但是这样开发效率是不是会很低

各位前端大佬们,你们做官网一般是怎么做的呢?

阅读 8k
4 个回答

面试官说的也不地道,脚手架、框架对 SEO 根本没有影响,有影响的是浏览器端渲染,因为大部分搜索引擎不会通过运行 JS 来获取渲染后的数据。而三大框架都是采用浏览器端渲染的,所以影响 SEO。
在实际开发的时候,只需要确保用户和搜索引擎请求拿到的是一个内容完整的 HTML 文件就可以了,不必真的写一个完整的 index.html 出来,很难维护。
解决的办法就是开启服务端渲染,官网对浏览器兼容性要求确实比较高,可以引入 bootStrap 等经典前端库来解决。

新手上路,请多包涵

我觉得还是以jq或者Bootstrap为主,万一让你兼容ie6呢╮(╯▽╰)╭

具体情况具体分析。也不是一杆子打死。如果你的官网只是一些静态展示,没有太多交互,直接原生JS手撸就挺好的,或者有一些交互但涉及不到太多复杂的前后端交互,需要频繁修改DOM的话,JQuery用起来也是得心应手,而且还解决大多数的兼容问题,每个框架都有其适合的场景,至于面试官提到的搜索引擎不友好正如楼上说的是因为浏览器端渲染,但这个可以通过引入SSR解决,鉴于是官网,大多数可能用jQuery就足够了,免去自己去hack兼容性问题,然后配合像bootstrap来实现响应式。总之还是要看具体的业务吧。选择更适合的技术栈,最终都是能实现的,但是优劣不同。

回答你的问题

  1. 脚手架是为了加速开发,让精力花费在业务上,而不是打包、编译、发布这些重复的工作上
  2. HTML/CSS/JS代码压缩跟SEO没有任何关系,也没有任何影响,有影响的只是前后端分离开发时页面是JS渲染的
  3. 我前天发了一篇文章,传统多页面网站(比如你说的官网)也可以用webpack来开发。Webpack4不求人系列(1)
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题