前后端不分离项目如何构建webpack的自动化？

Question

项目是go+gin

对于一些页面，会使用服务端渲染（没有选择nuxt，是因为曾经用过，性能不理想），而另一些页面则会使用ajax交互，我的前端代码是在根目录的web下,里面曾用gulp做了js的es6处理,sass的处理，今天开发到近一半的时候，发现不能模块化是真的难受，而且npm包也用不了。

所以我就想能否 在当前的环境下，搭建webpack，代替掉gulp的工作，但有些问题：

• webpack多页面build后，会将js、css、html进行处理（如：把js、css插入到html中，这个html会是一个伪空模板，无法让我使用gin的模板渲染，以致于我要通过gin模板做渲染将成为一个问题？

我向往的结果是：将多个页面的html,js,css编译成 -》【html不变、自动引入编译后的js（支持npm包）、自动引入编译后的css】

Answer 1

1. 理论上当然可以
2. 不过需要转换思路，gulp 的思路是：给定一个源，经过若干步操作，转换出一个结果；webpack 的思路是：给定一个 js 入口，把其它东西都当成资源，让这个 js 能够使用这些资源
3. 如果你还在使用其它语言的服务器渲染工具，比如 gin，那么 webpack 生成的 html 很可能是一些模版，供 gin 使用
4. 所以问题就转换为：生成若干个模版 html，这些模版 html 一方面可以供 gin 使用生成网页，另一方面可以加载你的 js 和其它资源
5. 所以我觉得我这个教程可以帮到你：使用 Webpack 开发多页面站点

如果后续还有什么问题，可以继续讨论。