我正在尝试使用 html-webpack-plugin 使用 index.ejs
构建单独的 HTML 文件.
我的 index.ejs
有以下代码块。
<% if (process.env.NODE_ENV === 'production') { %>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/react/15.2.1/react-dom.js"></script>
<% } %>
我只想在生产环境中加载这些脚本。
在我的 webpack 文件中,我正在加载 HtmlWebpackPlugin
以指定 ejs 模板的位置。
plugins: [
new HtmlWebpackPlugin({
template: 'index.ejs'
}),
...
当我在生产模式下使用 --env.prod
运行 webpack 时,它会正确地将文件构建到我的 public
目录中。但是当我使用 --env.dev
运行时,这个插件没有运行。
如何在开发模式下运行 HtmlWebpackPlugin
以构建特定于我的开发环境的 HTML 文件?
最佳答案
您可以使用 ejs-render-loader
包。
关于node.js - 使用 html-webpack-plugin 在开发模式下在 webpack 中构建 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38535344/