相关疑难解决方法(0)

文件加载器更改了图像文件名,但未更改 HTML 文件中的文件名

我需要使用 webpack 加载 ico 和 svg 文件。但是,文件名转换为哈希数,因此 HTML 文件无法归档这些资产并生成 404 错误。

在此处输入图片说明

我需要加载器来散列资产文件名,并同时在 HTML 文件中将文件名更改为散列名称。我怎样才能做到这一点?

这是显示一个 svg 和一个图标的 html 代码。

    <object type="image/svg+xml" data="spider-web.svg">
      Your browser does not support SVG
    </object>
    <img src="favicon.ico" alt="">
Run Code Online (Sandbox Code Playgroud)

下面是 webpack 配置文件:

'use strict';
// webpack.config.js

var webpack = require('webpack');
var path = require('path');
var HtmlWebpackPlugin = require('html-webpack-plugin');

var entryBasePath  = __dirname;
var outputBasePath = __dirname + '/dist';


module.exports = {
    context: entryBasePath,
    entry:{
        app: ['webpack/hot/dev-server', './appEntry.js']
    },
    output: {
        path: outputBasePath,
        filename: './bundle.js',
        sourceMapFilename: '[file].map' // …
Run Code Online (Sandbox Code Playgroud)

webpack

5
推荐指数
1
解决办法
5005
查看次数

标签 统计

webpack ×1