我正在尝试使用 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(使用前将#替换为@)