首页 > 解决方案 > 如何在 webpack 中实现 grunt processhtml 的确切行为?

问题描述

我想将我的 webpack 捆绑文件放在 index.html 中,如下所示:如何实现?

<!-- build:css:prod app/assets/css/style.min.css -->
<link rel="stylesheet" href="non-minified.css">
<!-- /build -->

谢谢!

标签: webpackwebpack-dev-server

解决方案


您可以使用HTML Webpack 插件来呈现您的index.html. 它包括所有 JavaScript 和 CSS 文件在你的document.head. 您也可以指定自己的模板,但我认为您不能使用此特定注释:<!-- build:css:prod app/assets/css/style.min.css -->


推荐阅读