如何使用 EJS 模板提供 Webpack 捆绑包?

2023-12-30

我正在尝试使用 Express 和 EJS 组合一个基本的全栈应用程序,并使用 Webpack 捆绑我的静态资产。我遇到的困境之一是:Express 中的不同路线使用 EJS 返回服务器端构建的 HTML,但我无法弄清楚如何将这些模板连接到我正在构建的 webpack 资产。

我非常感谢有关以下问题的建议:

1)部署结构。 目前我的文件结构如下所示:

root

--- app.js(我的快速应用程序)

- - 楷模

---意见

--- 路线

--- public(静态资产)

------ src (webpack的入口点是这里的index.js)

------ dist (这里是 webpack 的输出)

--- webpack.config.js

对我来说直观的感觉是 webpack 会构建一个位于根级别的 dist 文件夹,或者将其放置在 nginx 或用于提供静态文件的某个地方。但如果我使用像 Heroku 这样的 PaaS 进行部署,那是“正确的做法”吗?我猜只要我的 html 使用正确的路径就没关系。

2)如何将Webpack链接到EJS?我研究了以下两个加载器:https://www.npmjs.com/package/ejs-loader https://www.npmjs.com/package/ejs-loader and https://www.npmjs.com/package/ejs-html-loader https://www.npmjs.com/package/ejs-html-loader以及其他人,但由于某种原因,他们似乎要求您在配置文件中传递内联变量,而不是在 Express 路由中,这对我来说没有多大意义。 我想要做的是有某种工作流程,当 Express 渲染路由时,EJS 模板和 HTML 正确地获取捆绑的 JS 和 CSS。

值得说的是我not尝试捆绑服务器端 JS。我正在尝试捆绑前端资源,并让 Express 提供使用这些捆绑文件的 EJS 构建的 HTML。

如果能在这方面得到任何帮助,那就太好了,提前致谢。


None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用 EJS 模板提供 Webpack 捆绑包? 的相关文章

随机推荐

  • 为什么 Java 将方法的大小限制为 65535 字节?

    我刚刚编译了以下代码 public class A public static void main String args int i 3 i i i i i i i i repeat writing the expression i fo
  • TypeScript 中的 private 关键字和私有字段有什么区别?

    在 TypeScript 3 8 中 使用private将成员标记为私有的关键字 class PrivateKeywordClass private value 1 并使用 私人领域建议用于 JavaScript https github
  • PyQt - 从 URL 设置 QLabel 图像

    我一直在尝试从 URL 将图像设置为 QLabel 但我没有运气 这是我现在尝试做的事情 import urllib cStringIO img file cStringIO StringIO urllib urlopen image ur
  • iOS - 从底部填充 UIBezierPath 的动画

    我有一个UIBezierPath内部定制UIView draw 我想填充该路径 假设从下到上是一个矩形 我怎样才能实现这个 From Here http jamesonquave com blog fun with cashapelayer
  • svn 中的“git add”等效项?

    要向 git 存储库提交一些更改 我必须首先将其添加到暂存状态 如果我不添加要提交的文件 它将不会转到存储库 但在SVN中 显然不存在这种暂存状态 我对工作副本所做的每个更改都会通过下一个 svn 提交发送到存储库 如何防止提交某些本地更改
  • 升级到react-native版本0.60.4后react-native run-android出错

    我正在使用现有应用程序将反应本机从 0 59 5 升级到 0 60 4 但面临如下问题 Where Build file home bingl Projects blackstar frontend android app build gr
  • 在 SWT TableViewer 中对齐图像

    我刚刚发现 在 swt tableviewer 中对齐图像在某种程度上是不可能的 例如 使用 SWT RIGHT 创建 TableColumn 对该列没有影响 如果其 labelprovider 返回图像 问题 是否有其他方法来对齐图像 而
  • 使用 wikiPageRedirects 的 sparql

    我正在使用 sparql 来查找实体的位置 我有来自 dbpedia spootlight 的网址 并且想找到它们的位置 所以我使用的查询是 PREFIX geo
  • 在 R 中向哑铃图添加图例

    使用以下代码 我创建了一个哑铃图 f lt ggplot Brewers PA aes x PA 2015 xend PA 2016 y Name f geom dumbbell colour darkblue point colour l
  • 通过 http Handler 提供 javascript 文件

    我编写了一个 HTTP 处理程序 它根据传递给处理程序的值输出内容 我正在尝试扩展它 以便它也输出 flash 但是要做到这一点 我还需要提供一个 javascript 文件 javascript 文件本身是另一个程序集中的嵌入资源 因此我
  • 获取第一个类别的名称

    我正在尝试创建一个列出每个类别内容的单个页面 我已经成功创建了该列表 我现在需要获取类别的名称 我有以下代码 ul li CATEGORY NAME HERE li li a href a li ul 如何调用第一个类别 0 的名称 当前编
  • 收集记录到 sys_refcursor

    甲骨文11g 这似乎比应有的困难 所以我可能走错了路 我有一个生成用户定义表单的应用程序 我的数据比这更复杂一点 但想法是 我有一个数据表 其中包含从用户定义表单输入的所有数据 create table formData id number
  • azure 免费试用帐户无法通过 java sdk 进行身份验证

    我正在使用简单的 java sdk 代码来验证 azure 基本连接 我已在azure门户的设置中上传了管理证书 但每当我尝试进行身份验证时 都会遇到以下异常 线程 main 中出现异常 com microsoft windowsazure
  • gnuplot:如何将数据文件值保存到变量中(有条件)?

    我使用 Gnuplot 我想将数据文件的值保存到带有条件的变量中 例如 我有以下数据文件 example dat columnl column2 5 7 0 3 4 0 7 6 0 在我的 gnuplot 脚本中 我希望能够编写 varia
  • pyvenv 无法工作,因为 Ensurepip 不可用

    几天前我从 ubuntu 14 04 升级到 ubuntu 16 04 当我尝试使用创建虚拟环境时 pyvenv venv or python3 m venv venv 有一个错误 The virtual environment was n
  • 为什么 vim 不遵守 python 文件中的 Expandtab?

    安装 Vundle 后 我的 vim 不再遵循我的 Expandtab 设置 我的制表符被设置为 2 个空格 但现在在 python 文件中不再这样做 问题是由这一行调用的 filetype plugin on 这行代码有什么作用 vund
  • 使用 Apple Accelerate 框架选择实数与复数 2D FFT

    谁能建议使用正确的 FFT 实数或复数 我看过here https stackoverflow com questions 3398753 using the apple fft and accelerate framework但仍有疑问
  • Windows CE 还是 Windows Embedded Standard?

    我正在构建一个带有触摸屏和其他东西的交互式便携式广告活动设备 x86 平台 对于设备来说 Win CE 或 Win 嵌入式标准 XPE 哪个操作系统更好 我需要提供对Flash等多媒体平台的支持 以便于广告开发 thanks Windows
  • Paramiko Expect - 拖尾

    我正在尝试跟踪日志文件 并且它有效 但我还需要能够分析输出和日志中的错误等 我正在使用 Paramiko expect github 页面上的基本示例 但我不知道如何执行此操作 import traceback import paramik
  • 如何使用 EJS 模板提供 Webpack 捆绑包?

    我正在尝试使用 Express 和 EJS 组合一个基本的全栈应用程序 并使用 Webpack 捆绑我的静态资产 我遇到的困境之一是 Express 中的不同路线使用 EJS 返回服务器端构建的 HTML 但我无法弄清楚如何将这些模板连接到