小编Daw*_*eed的帖子
webpack 文件加载器复制文件
我正在使用 webpack，它是file-loader + html-loader将文件发送到我的输出目录中。它几乎按预期工作，因为它还复制了这些文件。
这是我的webpack.config.js文件的一部分：
module.exports = {
module: {
rules: [
{ test: /\.html$/, use: ["html-loader"] },
{
test: /\.(jpg|png)$/,
use: {
loader: "file-loader",
options: {
name: "[name].[ext]",
outputPath: "img",
},
},
},
],
},
};
有一个小例子说明我的输出目录的样子：
dist/
- img/
- img1.png
- img2.png
- ab0d12.png
- c3d612.png
- index.html
- bundle.js
带有散列名称的两个图像是img/目录中不需要的重复项。正如您在上面的示例中看到的，我什至没有将名称设置为散列，而且我也无法以任何方式打开重复文件。
我正在使用一些插件，例如HtmlWebpackPlugin或CleanWebpackPlugin，但我相信它们不会导致问题。
版本：
- 网络包
5.28.0 - 文件加载器
6.2.0 - html加载器
2.1.2
7
推荐指数
推荐指数
1
解决办法
解决办法
493
查看次数
查看次数
如何在 Bootstrap 5 中严格对齐文本
我想严格证明文本合理，如下所示。这张照片是从 Libre Office 拍摄的。
天秤座办公室：
网页看起来像这样：
如何使网页看起来像 Libre Office 中的格式一样？
我正在使用 Bootstrap 5：
.about {
text-align: right;
word-wrap: break-word;
}<!DOCTYPE html>
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous" />
</head>
<div class="container" data-aos="fade-up">
<div class="about text-justify">
<header class="section-header">
<h3>About Nadi Astrology</h3>
<p>
These days we hear about people with powers of extra sensory perceptions. (ESP). The Rishies were Holy Sages who occupied themselves in concentrating on the one Divine Being Paramathma. They far exceeded the powers of the …5
推荐指数
推荐指数
2
解决办法
解决办法
4万
查看次数
查看次数
获取具有类的下一个元素（不是子元素或兄弟元素）
按一下按钮，我想切换.active下一个课程div.bottom。这些基本上是手风琴，但结构不同。
使用nextElementSibling我想在这里无法选择目标元素。如何选择这样一个元素，它既不是子元素也不是兄弟元素（在普通的 JS 中）？
<div class="wrapper">
<div class="top">
<div class="inner">
<div><button></button></div>
</div>
</div>
<div class="bottom"></div>
</div>
<div class="wrapper">
<div class="top">
<div class="inner">
<div><button></button></div>
</div>
</div>
<div class="bottom"></div>
</div>2
推荐指数
推荐指数
1
解决办法
解决办法
2666
查看次数
查看次数