如何在 Webpack 中渲染 ejs 文件

【问题标题】：How to render ejs files in Webpack如何在 Webpack 中渲染 ejs 文件
【发布时间】：2018-12-23 05:17:48
【问题描述】：

作为 MOOC 的一部分，我使用 Node JS、Javascript、Express、MongoDB 和 EJS 创建了一个 CRUD 应用程序。现在，我想使用 Ethereum Solidity 和 Truffle Boxes aka 样板（https://truffleframework.com/boxes）将其转换为去中心化 DAPP。我正在使用 Truffle Webpack 样板进行此转换，我计划在其中重新使用现有代码并将其与 Solidity Code 连接，但我面临的唯一挑战是将我的 EJS 文件与 webpack 一起使用。我无法确定我应该在 Webpack config.js 中进行哪些更改，以便它呈现 EJS 文件。

如果有人尝试在 Webpack 中实现 EJS 文件，请提供帮助。

提前致谢。

【问题讨论】：

标签： javascript webpack ejs

【解决方案1】：

可能还有其他方法可以完成，但我最终使用WebpackShellPlugin 和ejs-cli 编译.ejs 视图：

new WebpackShellPlugin({
  onBuildEnd: [`${PATHS.node_modules}/ejs-cli/bin/ejs-cli --base-dir ${PATHS.root}/views/ '*.ejs' --out ${isDev ? PATHS.dev : PATHS.build}/`],
  safe: true
})

您需要针对您的项目细节调整以上webpack.config.js 块，但希望这会在某种程度上有所帮助。

ejs-cli：https://www.npmjs.com/package/ejs-cli

webpack-shell-plugin：https://www.npmjs.com/package/webpack-shell-plugin

【讨论】：