webpack 怎么设置能让index.html自动加载图片

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <!-- 文档兼容模式的定义 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 优先使用webkit内核渲染页面 -->
    <meta name="renderer" content="webkit">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
    <title>电子</title>
    <link rel="icon" href="./favicon.ico">
    <script src="/config/config.js" type="text/javascript"></script>
<link href="/styles/vender.css" rel="stylesheet">
</head>
<body>
<div id="root">
    <div id="scale">
<header class="main-header">
    <div class="main-logo"></div>
    <ul class="main-nav">
        <li><a href="./collection.html" target="_blank">采集</a></li>
        <li><a href="./directory.html" target="_blank">目录</a></li>
        <li><a href="./share.html" target="_blank">共享</a></li>
        <li class="main-dropdown">
            <a class="main-dropdown-target" href="javascript:void(0);">数据应用</a>
            <ul class="main-dropdown-content">
                <li><a href="#" target="_blank">公共</a></li>
                <li><a href="./app.html" target="_blank">电子</a></li>
            </ul>
        </li>
    </ul>
</header>
<div class="index">
    <div id="carousel" data-carousel-3d>
        <img src="/images/8abe495ab9056d085037aac76ec11e95.png" selected/>
        <img src="/images/213f19450fa99f0ad856177a3615eb18.png"/>
        <img src="/images/97e85f655f8efacf6f47731b0ba1e4d6.png"/>
        <img src="/images/bda7ad7a5a1c769c49b5e259b1920612.png"/>
        <img src="/images/0eb3fae55d7e969d97cb3d95969dec6a.png"/>
        <img src="/images/8abe495ab9056d085037aac76ec11e95.png"/>
        <img src="/images/213f19450fa99f0ad856177a3615eb18.png"/>
        <img src="/images/97e85f655f8efacf6f47731b0ba1e4d6.png"/>
        <img src="/images/bda7ad7a5a1c769c49b5e259b1920612.png"/>
        <img src="/images/0eb3fae55d7e969d97cb3d95969dec6a.png"/>
    </div>
    <div class="light"></div>
</div>
</div>
</div>
<script type="text/javascript" src="/scripts/vender.js"></script><script type="text/javascript" src="/scripts/index.js"></script></body>
</html>

在webpack怎么写配置?

文件夹中已经有了index.html文件。

然后让index.html自动加载<img/>标签,和webpack打包后css样式文件,别的地方不动,请问怎么设置?

    <div id="carousel" data-carousel-3d>
        <img src="/images/8abe495ab9056d085037aac76ec11e95.png" selected/>
        <img src="/images/213f19450fa99f0ad856177a3615eb18.png"/>
        <img src="/images/97e85f655f8efacf6f47731b0ba1e4d6.png"/>
        <img src="/images/bda7ad7a5a1c769c49b5e259b1920612.png"/>
        <img src="/images/0eb3fae55d7e969d97cb3d95969dec6a.png"/>
        <img src="/images/8abe495ab9056d085037aac76ec11e95.png"/>
        <img src="/images/213f19450fa99f0ad856177a3615eb18.png"/>
        <img src="/images/97e85f655f8efacf6f47731b0ba1e4d6.png"/>
        <img src="/images/bda7ad7a5a1c769c49b5e259b1920612.png"/>
        <img src="/images/0eb3fae55d7e969d97cb3d95969dec6a.png"/>
    </div>
<link href="/styles/vender.css" rel="stylesheet">
阅读 3k
1 个回答

本身html就会自动加载css和img里的src。
你大概是在说,加了哈希的css和图片?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题