首页 > 其他分享 >webpack打包后图片资源无法加载问题

webpack打包后图片资源无法加载问题

时间:2023-05-31 16:55:22浏览次数:33  
标签:NODE env webpack ENV 打包 加载

前言
图片在本地开发可以显示,但是打包部署后图片无法加载

修改webpack.config.js配置

将生成环境的publicPath的路径改为"./" 

 

 判断是开发环境还是生成环境 在package.json中通过 cross-env NODE_ENV=production 设置环境变量

 

通过 process.env.NODE_ENV 访问环境变量

const isProduction = process.env.NODE_ENV === "production"

 

标签:NODE,env,webpack,ENV,打包,加载
From: https://www.cnblogs.com/hyt09/p/17446643.html

相关文章

  • 单例bean与类加载过程
    构造单例bean的方式有很多种,我们来看一下其中一种,饿汉式publicclassSingleton1implementsSerializable{//1、构造函数私有privateSingleton1(){if(INSTANCE!=null){thrownewRuntimeException("单例对象不能重复创建");}......
  • 解决 pyinstaller 出现的不能打包的问题
      错误详情:OSError:Pythonlibrarynotfound:libpython3.7m.so,libpython3.7.so.1.0,libpython3.7m.so.1.0,libpython3.7.so,libpython3.7mu.so.1.0ThismeansyourPythoninstallationdoesnotcomewithpropersharedlibraryfiles.Thisusuallyhappensdu......
  • r3f加载IFC模型
    import{IFCLoader}from"web-ifc-three";import{IFCSPACE}from"web-ifc";import{useRef}from"react";import{useEffect}from"react";asyncfunctioninit(group){//SetupIFCLoaderconstifcLoader......
  • SimpleAdmin手摸手教学之:基于Ant Design Tree组件实现树形结构数据的异步加载
    一、说明当有一个树形结构的数据有非常多个节点的时候,一次性加载所有节点会显得过于臃肿,可能会对性能造成影响,正好AntDesign的树(Tree)组件支持异步加载,于是我就想把异步加载封装为一个组件,可以减少接口数据返回,点击展开节点,动态加载数据。非常好用!二、前端实现需要接收一些......
  • 在树莓派上实现numpy的LSTM长短期记忆神经网络做图像分类,加载pytorch的模型参数,推理mn
    这几天又在玩树莓派,先是搞了个物联网,又在尝试在树莓派上搞一些简单的神经网络,这次搞得是LSTM识别mnist手写数字识别训练代码在电脑上,cpu就能训练,很快的:importtorchimporttorch.nnasnnimporttorchvisionimportnumpyasnpimportosfromPILimportImage#定义LSTM......
  • [Android逆向] 重打包时报BrutException
    执行apktoolb--use-aapt2进行重打包时,重打包失败,抛出异常apktoolb/Users/***/work/appsApk/testApp--use-aapt2I:UsingApktool2.6.0I:Checkingwhethersourceshaschanged...I:Checkingwhethersourceshaschanged...I:Checkingwhethersourceshasch......
  • 2023-05-31 小程序本地图片加载不出来
    具体表现为:http://127.0.0.1:端口号/__pageframe__/uni_modules/static/logo.png原因:前端代码里对图片使用了../来引用路径,http://127.0.0.1:端口号识别不了该文件路径孤儿导致。解决方案:去除../引用,比如原来的../../../static/logo.png改为/static/logo.png。最后的话:en,不一定......
  • AdvancedInstaller制作Excel的COM加载项
       Excel控件安装之前,先检查一下以往的安装是否卸载干净,可以先文件-》加载项-》COM加载项里“删除”: 进入到AdvancedInstaller: Create后写入程序名:EXE方式:Add-In方式:一定要选编译器的Release版本: 默认全部选上,否则后期安装没有效果: 后续根据情况选版本:......
  • 在树莓派上实现numpy的conv2d卷积神经网络做图像分类,加载pytorch的模型参数,推理mnist
    这几天又在玩树莓派,先是搞了个物联网,又在尝试在树莓派上搞一些简单的神经网络,这次搞得是卷积识别mnist手写数字识别训练代码在电脑上,cpu就能训练,很快的:importtorchimporttorch.nnasnnimporttorch.optimasoptimfromtorchvisionimportdatasets,transformsimportn......
  • CentOS7系统打包ISO镜像_超详细
    CentOS系统打包ISO镜像DIY自己的IOS镜像使用工具:Linux系统、Mondo1.前置工作2.安装mondorescue3.修改mondo配置4.将系统的硬盘挂载从UUID挂载方式改为盘符挂载的方式5.root用户执行mondoarchive6.选择备份位置7.选择备份路径8.压缩类型选择9.压缩率选择10.设置ISO镜像的大小......