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

标签 css webpack webpack-style-loader html-webpack-plugin

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

  1. 需要图片文件
<img class="img-fluid d-block w-100 img-thumbnail " src='<%=require( "../images/first.png")%>'>
  1. 我怎样才能对 JS/CSS 文件实现同样的效果?
<link rel="stylesheet" href='<%=require( "../../../../libs/betaApp/css/style.css")'>

最佳答案

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

Medium Css-Loader Guide

File-loader

关于css - 如何在 Webpack 中的 HTML 文件中要求 .css、.js 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53741658/

相关文章:

html - 如何删除垫选项填充

asp.net - Chrome 中 ASP.NET 站点的呈现不正确 - 单击时已修复

symfony - Vuetify 在 symfony 项目中

javascript - 在 vue-cli 3 中配置 webpack 配置文件

javascript - style-loader 和 css-loader 的工作流程是什么

javascript - 即使滚动它也让 div 粘在底部

javascript - htaccess RewriteRule 不加载 js-css 库

typescript - 类型错误 : Cannot call method 'charCodeAt' of undefined

Webpack 4 - 模块解析失败 : Unexpected character ' '

reactjs - 尝试使用 webpack 和 babel 加载 css 时出现意外标记