我有一个渲染html服务器端的应用程序。它还具有一些从javascript代码调用的api端点。
JS文件的数量在增加，并且由于每个路由都需要一些JS文件，因此浏览器发出的请求数量也在增加。
我想捆绑常见的javascript文件，如jquery和bootstrap，以及其他js文件，根据它们的函数。我使用 Gulp 来做到这一点，它的问题是我的 JS 没有按预期运行;我不得不对捆绑包中的代码重新排序。
然后我遇到了 Webpack，看到了一些教程，一行一行地遵循它们，对我来说看起来不错。但是在互联网上的任何地方，node js和webpack都是联系在一起的。即使在文档中，他们也说我应该有一个入口文件，但我的不是 SPA。我的应用程序有不同的路由，需要一些基本文件(jquery 和引导)以及与该路由相关的文件。
我无法在互联网上找到任何将 Webpack 与 Golang 或任何其他语言一起使用的示例，其中包含服务器端 html 渲染。那么，在我的情况下使用webpack的技术是什么？我只需要一捆或几捆 js 和 css 文件，我可以在我的 html 文件中使用它们。然后，每当任何请求出现在路由上时，html模板将填充数据库中的数据，我将将其提供给用户。
(我的应用程序在 Golang 中，但答案不一定是。
因此，在您的用例中将 Webpack 与具有大量服务器端渲染的应用程序一起使用。
您本质上希望有一个入口文件，该文件将您可能想要的所有JS和CSS导入到一个捆绑包中。
您甚至可以有多个条目，为特定页面生成包含不同JS和CSS的多个捆绑包。
根据要包含的库(jQuery 和 Bootstrap)，您需要有一个配置了正确加载器的webpack.config.js，以便加载所需库的依赖项。
这些可能是字体、图像、样式表等。
首先，我将有一个简单的 Node.js 包，其中包含您需要的依赖项。
package.json的dependencies部分应包含所有客户端库，例如jQuery和Bootstrap。
package.json的devDependencies部分应包含构建所需捆绑包所需的所有构建工具，例如 Webpack 和您需要的加载器。
Bootstrap 的文档中有一部分专门介绍如何使用 Webpack 导入它。
对于像jQuery这样的东西，你应该在你编写的使用它的脚本中导入它。
如。。。
const $ = require('jquery')
$(() => {
// Do something $('.here')
})