Question

网站前端开发多页应用webpack吗？

Answer 1

首先，我用下面这段话先来直接回答一下你提到的一些问题。前端开发多页应用可以用webpack，也可以不用webpack，这取决于你的开发方式。其次，针对你下面附带的那个问题，如果你开发的网站项目对SEO有要求，且自己对框架（如vue、react等）又熟悉和能驾驭的情况一下，那么你可以考虑将你的网站项目做成同构直出，或者使用NODE做中间层（这里也可用到NODE的一些模板），做直出都是可以的。接下来就是解释两个问题：1.明白webpack的作用因为只有你真正明白了webpack的作用，你才会知道为什么前端开发多页应用可用，也可不用webpack。2.网站项目如何解决SEO问题方面至少有三种，我说两种前端经常处理的方式。

一、搞懂webpack

一句话理解就是：webpack就是一个模块块打包器。关于webpack的使用和配置细节，网上有好多详细的资料，之前，我也写过好多相关文章，可能参考，研究一下，都很容易学会，特别是之前有过使用grunt/gulp等经验的同学。然而，我觉得最重要的是需要搞懂为什么会出现webpack，它在我们开发项目过程中解决什么问题。因为如今的网页相当于是一个功能丰富的应用。都具有复杂的JS代码和一大堆所依赖的包，开发的过程自然不简单，前端界为了简化开发项目的复杂度，出现的好多高效的实践方法，如模块化开发，如使用新的语言特性，如CSS的预处理器等。虽然这些方法提高了开发效率，但开发的文件需要额外的处理才能被运行环境所识别，需要有效的加载这个资源也需要各种处理。所以webpack出现了。它能将这些浏览器不认识的东西转换成浏览器能解析的东西。

二、如何解决seo

我在之前写过的关于页面渲染方式如何做选择的文章中，说到过目前前端界使用的四种页面渲染方式。其中能解决SEO问题的有三种都能。1.后端模板渲染2.node中间层3.服务端渲染解决首屏SEO问题，本质就是将首屏的源代码静态输出到浏览器。如果技术团队支持的话，使用框架（vue/react）进行服务端渲染，做同构直出是一种优越的办法。如果有后端支持，选择后端模板渲染，只是项目维护是更困难些。而前端有资源和能力的情况下，使用node中间层，搭配各种node模板来做技术实现，也是不错的。总之，这些都能解决SEO问题。