如何在Webpack中渲染ejs文件

Question

作为MOOC的一部分，我使用Node、Javascript、Express、MongoDB和EJS创建了一个CRUD应用程序。现在，我想把它转换成一个去中心化的DAPP，使用的是以太坚固和松露盒子，又名样板(在https://truffleframework.com/boxes)。我正在使用松露，webpack样板转换，其中我计划重用现有的代码，并将其与固体代码，但我有唯一的挑战是在使用我的EJS文件与Webpack。我无法确定我应该在Webpack config.js中进行哪些更改，以便它呈现EJS文件。

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

提前谢谢。

Answer 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