webpack - 如何在 webpack 中实现 grunt processhtml 的确切行为?
问题描述
我想将我的 webpack 捆绑文件放在 index.html 中,如下所示:如何实现?
<!-- build:css:prod app/assets/css/style.min.css -->
<link rel="stylesheet" href="non-minified.css">
<!-- /build -->
谢谢!
解决方案
您可以使用HTML Webpack 插件来呈现您的index.html
. 它包括所有 JavaScript 和 CSS 文件在你的document.head
. 您也可以指定自己的模板,但我认为您不能使用此特定注释:<!-- build:css:prod app/assets/css/style.min.css -->
推荐阅读
- gcc - 为什么额外的指针参数在汇编中消失了?
- node.js - 上传的图像节点损坏
- javascript - 将js文件合二为一,做成内联脚本
- javascript - 为什么 javascript 闭包返回 [Function (anonymous)]?
- java - 为什么我得到 SAXparseException “必须声明元素类型”,即使它是在将 XML 文件加载到属性对象时声明的?
- c++ - 删除关键字 c++
- html - 如何在 Bootstrap 4 中添加新的大断点(仅限 CSS)
- java - .contains() 问题/看起来不起作用
- javascript - 如何在 Java 代码(按钮)中使用 WHILE 循环中的 PHP 变量?
- java - 为 Eclipse 2020-03 (4.15) 插件安装 Java 14 支持时出现 Eclipse 错误