antd pro 解决浏览器缓存问题

阅读数:117 评论数:0

分类

html/css/js

正文

在打包里，加入hash值，即在conf.js文件里加入

export default {
       hash:true,   // 文件打包加hash 解决浏览器缓存问题
 }

这是umi的配置，表示是否让生成的文件包含hash后缀，通过用于增量发布和避免浏览器加载缓存，启用hash后，产物通常是这样：

+ dist
  - logo.sw892d.png
  - umi.df723s.js
  - umi.8sd8fw.css
  - index.html

可以发现html文件始终没有hash

webpack中的sourcemap

sourcemap和Data URL 1、sourcemap 我们在打包中，将开发环境中源代码经过压缩、去空格、babel编译转化，最终可以得到适用于生产环境的项

UmiJS

umi是一个可插拔的企业级react应用框架, umi以路由为基础. 参考: <a href="https://umijs.org/zh/guide/#%E7%89%B9%E6%8

解决antd pro项目编译less慢 less文件不能用相对路径引入

把config文件夹下的plugin.config.js中的2个插件注释掉，这这两个插件是为了在线换肤功能，如果没有这个需求可以直接去掉。 <img src="http://102

umi.js的document.ejs引入script脚本

一、简介 document.ejs模板可以为umi.js项目配置最为基本的配置，可以理解为index.html的入口，我们知道原生的react组件，都是需要挂载到html中的指

开发环境webpack devServer的proxy用法

1、基本用法 module.exports = { //... devServer: { proxy

前端打包工具webpack

一、概述 Webpack 可以帮助我们完成一些任务。比如 js 压缩、css 压缩、编译模板文件等等，从而减少前端的工作量。当然，Webpack 功能很强大，能帮我们完成的工作远远不止这些。如果我们使

webpack productionSourceMap devtool

一、devtool devtool用作调试，它的配置有很多种： 1、eval 每个模块用eval执行，并且存在@sourceUrl，就是说这种配置的devtool，在打包的时候，生成的bundle.j

webpack和vite的比较

一、概述都是现代化打包工具二、对比 1、底层语言从底层原理上来说，Vite是基于esbuild预构建依赖。而esbuild是采用go语言编写，因为go语言的操作是纳秒级别，而js是以毫秒计数，所

package-lock.json

一、package.json package.json文件只能锁定大版本，也就是版本号的第一位，并不能锁定后面的小版本。二、package-lock.json package-lock.json文件

antdpro页面Logo如何更改

https://blog.csdn.net/Ght19

秒吧学习