如何在Webpack中呈现ejs文件

时间:2018-07-15 12:56:58

标签: javascript webpack ejs

作为MOOC的一部分,我使用Node JS,Javascript,Express,MongoDB和EJS创建了CRUD应用程序。 现在,我想使用以太坊密度和松露盒又称为样板(位于https://truffleframework.com/boxes)将其转换为分散的DAPP。 我正在使用Truffle Webpack样板进行此转换,我打算在其中重用现有代码并将其与Solidity Code连接,但是我唯一的挑战是将EJS文件与webpack一起使用。 我无法确定我应该在Webpack config.js中进行哪些更改,以使其呈现EJS文件。

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

先谢谢了。

1 个答案:

答案 0 :(得分:0)

也许还有其他方法可以完成,但是我最终使用WebpackShellPluginejs-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