如何在 Webpack 的 HTML 文件中要求 .css、.js 文件答案

【问题标题】：How to require .css, .js files inside HTML file in Webpack如何在 Webpack 的 HTML 文件中要求 .css、.js 文件
【发布时间】：2019-05-13 11:27:44
【问题描述】：

有没有一种方法可以在我的 html 文件中执行类似的操作来要求 CSS（非内联）和 JS（非内联），我目前可以使用相同的方法来要求 html 文件中的图像文件。强>

<img class="img-fluid d-block w-100 img-thumbnail " src='<%=require( "../images/first.png")%>'>

<link rel="stylesheet" href='<%=require( "../../../../libs/betaApp/css/style.css")'>

【问题讨论】：

对图像、css 和 js 使用 webpack 加载器
@ChandraShekhar，我确实使用了 css-loader，但看起来它只有在写入 .js 文件时才会生效。你能提供一些关于我如何实现这一目标的更多信息吗？
你只需要写 require('。webpack loader 将根据文件扩展名适当地处理文件。
我尝试在 HTML 文件中执行此操作，但它失败了。

【解决方案1】：

你需要加载器来做到这一点。您可以使用 CSS-loader 和 style loader 来使用 CSS 文件，使用 file-loader 来使用图像。详细信息可以在以下位置找到；

【讨论】：