首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

重新加载页面后,__webpack_public_path__不起作用

是因为该变量是由webpack在构建过程中自动注入的,用于指定静态资源的基础路径。当页面重新加载时,webpack的构建过程并没有执行,所以webpack_public_path的值仍然保持着之前的默认值,无法起到动态修改静态资源路径的作用。

为了解决这个问题,可以考虑以下几种方法:

  1. 使用动态导入:在需要使用静态资源的地方,使用动态导入的方式引入资源,而不是直接使用webpack_public_path。例如,在需要加载图片的地方,可以使用import()函数动态导入图片资源,并在导入时指定正确的路径。
  2. 使用环境变量:在webpack的配置文件中,可以通过process.env来获取环境变量的值。可以将需要的静态资源路径配置为环境变量,并在需要使用的地方通过process.env来获取路径值。
  3. 使用webpack插件:可以编写一个自定义的webpack插件,在构建过程中动态修改webpack_public_path的值。可以通过监听webpack的构建事件,在构建过程中修改该变量的值为需要的路径。

需要注意的是,以上方法都需要在webpack的配置文件中进行相应的配置和修改。具体的实现方式和配置细节可以参考webpack的官方文档或相关教程。

推荐的腾讯云相关产品:腾讯云云服务器(CVM)、腾讯云对象存储(COS)、腾讯云CDN加速等。具体产品介绍和链接地址可以参考腾讯云官方网站。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • Intellij如何设置编译自动重新加载class文件?

    前段时间突然发现Intellij不能自动重新加载类了,每次编译都要重新启动项目,才能显示更新效果,后来网上查询Intellij下如何配置热部署,都说是要配置构件,然后在web容器的编辑页面选择...update resources and classes什么的,尝试发现每次类是重新加载了,但是项目会自动重启一下,没解决我的问题。...Intellij的项目配置界面捣鼓,终于找到了方法,就是在Debugger配置节点下的HotSwap节点中找到 Reload classes after compilation选项,选择Ask即可,这样每次编译,...就会提示你是否要重新加载classes,选择"是"就会自动reload classes,大部分情况下,修改类文件,就不需要重启了。

    2.4K30

    我把文件重新编码加载速度提升300%!

    3个月前,我写过一篇关于性能优化的方法论(《前端性能优化思想模型,在自动驾驶领域的实践》),里面有提到过,我对PCD文件进行二进制转码处理,效果非常好。...转码前后文件尺寸对比:(17.8MB vs 4.6MB,压缩率75%) 转码前页面加载效果:(ASCII编码,2倍速播放,18秒) 转码页面加载效果:(二进制编码,2倍速播放,5秒) 之前也提到过...,在自动驾驶点云标注场景下,一次需要加载几十帧的数据文件,如果每一帧文件都是动辄十几二十MB,那即便做异步加载,等待时间之久也是相当令人头大的。...异步加载 2. 分片加载,增量渲染 3. 资源文件压缩 4....直到有一天,我发现我编码的文本里有一个鬼东西,原文中肉眼不可见,编码是一个极其容易被忽视的小红点,我用代码读它,发现这东西的ASCII编码值是26。

    40420

    解决Excel下挪动加载项(.xlam)重新加载xlam还是每次启动Excel都报错的问题

    问题描述:Excel加载了一个插件,但是因为目录调整自己挪动了位置,即使重新加载该插件,每次重启Excel还是报之前找不到插件的问题,虽然能使用,但是每次都报错很烦。...问题解决办法:虽然每次提醒报错,可以删除不存在的加载项,但是重启Excel还存在,最后想了下可能是注册表这里没有清除导致的,测试果然如此!...解决步骤: 打开注册表编辑器: 搜索自己安装的插件名: 找到发现Excel安装插件名、路径都在如下位置: ……SOFTWARE\Microsoft\Office\16.0\Excel\AddInLoadTimes...下面 重复报错,发现AddInLoadTimes下面的xlam插件路径还是原来旧的,果断删除该注册表项,再重新添加问题即可解决!

    2.2K20

    记录:Webpack5把微前端qiankun的配置文件干没了

    __POWERED_BY_QIANKUN__) { __webpack_public_path__ = window....微前端最核心的原理就是:基座项目通过配置信息,发送fetch请求,将子应用的资源全部拿到渲染成dom节点插入到容器节点中。...然后劫持路由变化事件,先在基座触发,再派发给其他子应用 webpack异步代码分割原理 同步和异步代码都会被打包成不同的js文件,由于异步加载的js文件其实是通过网络请求拿到插入到页面中,这个异步请求的前缀...__POWERED_BY_QIANKUN__) { __webpack_public_path__ = window....__INJECTED_PUBLIC_PATH_BY_QIANKUN__; 这个代码在上下文中其实是没有被引用的,只有在代码编译,异步的代码js文件被加载时才能用到__webpack_public_path

    1.3K20
    领券