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