我正在尝试使用index.ejs
using html-webpack-plugin构建单独的 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'
}),
...
当我在生产模式下运行 webpack 时--env.prod
,它会正确地将文件构建到我的public
目录中。但是当我运行时--env.dev
,这个插件没有运行。
如何HtmlWebpackPlugin
在开发模式下运行以构建特定于我的开发环境的 HTML 文件?