首页 > 其他分享 >react项目webpack打包图片名去除hash

react项目webpack打包图片名去除hash

时间:2023-07-02 15:00:56浏览次数:38  
标签:git hash media react webpack config 图片

环境:

node -v
v16.16.0

1、露出webpack配置文件:

yarn run eject

如果git报错,请执行

git add .
git commit -m 'ddd'

再执行yarn run eject

2、执行完上一步后,项目会新增一个config文件夹

 

修改config\webpack.config.js
修改图片:搜索media,一般在218行出现:“assetModuleFilename: 'static/media/[name].[hash][ext]',”如果不需要hash,则要保证图片名称绝对不重名,即在整个项目内名称唯一。然后改为

      assetModuleFilename: 'static/media/[name].[ext]',

 

标签:git,hash,media,react,webpack,config,图片
From: https://www.cnblogs.com/wulianiotcom/p/17520803.html

相关文章

  • HashMap底层原理
    一、HashMap底层实现原理解析我们常见的有数据结构有三种结构:数组结构;链表结构;哈希表结构。下面我们来看看各自的数据结构的特点:1)数组结构:存储区间连续、内存占用严重、空间复杂度大优点:随机读取和修改效率高,原因是数组是连续的(随机访问性强,查找速度快)缺点:插入和删除数据......
  • HashMap底层原理
    一、HashMap底层实现原理解析我们常见的有数据结构有三种结构:数组结构;链表结构;哈希表结构。下面我们来看看各自的数据结构的特点:1)数组结构:存储区间连续、内存占用严重、空间复杂度大优点:随机读取和修改效率高,原因是数组是连续的(随机访问性强,查找速度快)缺点:插入和删除数据......
  • HashMap底层原理
    一、HashMap底层实现原理解析我们常见的有数据结构有三种结构:数组结构;链表结构;哈希表结构。下面我们来看看各自的数据结构的特点:1)数组结构:存储区间连续、内存占用严重、空间复杂度大优点:随机读取和修改效率高,原因是数组是连续的(随机访问性强,查找速度快)缺点:插入和删除数据......
  • React - 14 Hooks组件之useRef
    1.获取元素的3种方式方式1:ref={x=>refName=x}函数组件中没有this,直接给了一个变量。(可以用但是不推荐)方式2React.createRef()方式3useRef(null)2.函数组件用useRef,类组件用React.createRefimportReact,{useState,useEffect,useRef}from"react";import{Butto......
  • HashMap底层实现原理解析
    我们常见的有数据结构有三种结构: 数组结构 链表结构 哈希表结构下面我们来看看各自的数据结构的特点:1)数组结构:存储区间连续、内存占用严重、空间复杂度大优点:随机读取和修改效率高,原因是数组是连续的(随机访问性强,查找速度快)缺点:插入和删除数据效率低,因插入数据,这个位置后......
  • React - 13 Hooks组件之useEffect
    1.useEffectimportReact,{useState,useEffect}from"react";import{Button}from'antd';import'./Demo.less';/*useEffect:在函数组件中,使用生命周期函数useEffect(callback):没设置依赖+第一次渲染完毕后,执行callback,等价于componentDidMount......
  • 无意间做了个 web 版的 JVM 监控端前后端分离 React+Spring Boot
    本来就是为了更多的了解JMX,第一步就想把所有的MBean和属性都展示出来,开始在控制台输出,但是效果不好,内容太多太长,不够直观,然后就加了个web端的树形结构。然后做着做着突然发现,再稍微改改就能当个web版的简易监控端用了。此工具只在hotspotJVM8环境下测试过。可支持查看......
  • JS逆向实战19——通杀webpack逆向
    声明本文章中所有内容仅供学习交流,抓包内容、敏感网址、数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除!网站aHR0cHM6Ly9mb2dhbmctbS5pdG91Y2h0di5jbi9tZWRpYURldGFpbC8zODc1Nw==aHR0cHM6Ly93d3cuZ205OS5jb20......
  • Vue3 reactive 操作数组 响应性(数组变了,但页面显示没变)问题
    问题代码:tableTemplates:Array<HkTaskTemplateEntity>=reactive([]);//删除方法的一部分,根据templateId删除数组数据this.tableTemplates=this.tableTemplates.filter(item=>templateId!==item.templateId);删除后tableTemplates数组中对象减少,但vue页面显示数据......
  • HashMap 的底层原理和源码分析
    tip:作为程序员一定学习编程之道,一定要对代码的编写有追求,不能实现就完事了。我们应该让自己写的代码更加优雅,即使这会费时费力。推荐:体系化学习Java(Java面试专题)文章目录一、HashMap的底层原理二、put方法源码分析三、get方法源码分析四、remove方法源码分析一、HashMap的底......