用html-webpack-plugin在开发模式下在webpack中构buildHTML
我正尝试使用html-webpack-plugin使用index.ejs
构build单独的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时,它将把文件正确地构build到我的public
目录中。 但是,当我运行--env.dev
,这个插件不运行。
我如何在开发模式下运行HtmlWebpackPlugin
来构build特定于我的开发环境的HTML文件?
您可以使用ejs-render-loader
软件包。