首页 > 其他分享 >webpack打包丢失样式的问题

webpack打包丢失样式的问题

时间:2023-10-03 17:55:23浏览次数:52  
标签:查看 样式 代码 webpack 丢失 打包

背景

在我部署好代码后,另一个同事就去访问页面查看,结果发现样式有问题,问我是不是代码没更新到?

我反复去看了下时间和文件,证明代码是最新的了。

但后来对比了下页面和本地的样式,发现确实跟本地代码对不上。

分析过程

一开始还以为是部署的代码有问题,就到服务器查看,确实是丢失了样式。

然后再对比本地打包后的文件,如上述所示,确实丢失了样式。

第一次遇到这样的事情。

代码是另一个同事写的,细节我没怎么去了解,但一般来说,不管是怎么样的代码,都不应该出现丢失样式的问题吧?

1、首先想到是查看vue.config.js配置,看看有没有明显的问题?

关键内容截图如下:

 

详情请查看: webpack打包丢失样式的问题

 

标签:查看,样式,代码,webpack,丢失,打包
From: https://www.cnblogs.com/simonbaker/p/17741411.html

相关文章

  • 将Ubuntu/Debian打包成自己的ISO镜像
    目录前奏安装systemback安装make安装cdtools在图形化中打开systemback用新生成的镜像重新装OS前奏Ubuntu22.04.1LTS/16G/8U#设置固定IPrambo@test:~$cat/etc/netplan/01-network-manager-all.yaml#LetNetworkManagermanagealldevicesonthissystemnetwor......
  • 现代打包工具:优化前端开发流程与性能的利器
    ......
  • Webpack5 基础使用笔记
    [webpack中文文档](概念|webpack中文文档|webpack中文文档|webpack中文网(webpackjs.com)):本质上,webpack是一个用于现代JavaScript应用程序的静态模块打包工具。当webpack处理应用程序时,它会在内部从一个或多个入口点构建一个依赖图(dependencygraph),然后将你......
  • uniapp项目实践总结(二十五)苹果 ios 平台 APP 打包教程
    导语:当你的应用程序开发完成后,在上架ios应用商店之前,需要进行打包操作,下面就简单介绍一下打包方法。目录准备工作注册账号生成证书打包配置准备工作在打包之前,请保证你的uniapp应用程序编译到ios模拟器或者是真机调试基座环境下是可以正常运行的,苹果打包的过程比......
  • postman升级后文件丢失/登录后无文件解决
     找到C盘用户admin账号下AppData文件夹,按照下面路径找到如下如所示的文件C:\Users\Admin\AppData\Roaming\Postman 找到最新的一次记录 将这个最新的json文件导入到postman中即可。 ......
  • Jenkins打包、发布、部署
    转自:https://blog.csdn.net/qwerrwqe/article/details/130516377目录前言一、安装jdk二、安装maven三、安装git四、安装jenkins五、访问jenkins 六、创建用户七、配置jenkins八、执行总结 前言服务器:CentOS7.964位jdk:1.8maven:3.9.1git:gitversion1.8.3.......
  • 使用maven-compiler-plugin打包lombok代码出错
    错误信息无法识别lombok生成的方法[ERROR]Failedtoexecutegoalorg.apache.maven.plugins:maven-compiler-plugin:3.10.1:compile(default-compile)onprojectlifeonline-service-blog:Compilationfailure:Compilationfailure:[ERROR]xxx/xx/XxxService.java:[31,......
  • JavaScript——小数精度丢失问题
    JavaScript小数进行数值运算时出现精度丢失问题1.原因:JavaScript的number类型在进行运算时都先将十进制转二进制,此时,小数点后面的数字转二进制时会出现无限循环的问题。为了避免这一个情况,要舍0进1,此时就会导致精度丢失问题。2.如何解决:(1)保留小数位数toFixed()constnumObj=......
  • C# 打包文件,制作EXE安装文件
    1新建安装部署项目打开VS,点击新建项目,选择:其他项目类型->安装与部署->安装向导(安装项目也一样),然后点击确定。2安装向导关闭后打开安装向导,点击下一步,或者直接点击完成。3开始制作安装向导完成后即可进入项目文件夹:双击"应用程序文件夹"在右边的空白处右击,选择添加->文件......
  • webpack - plugins
    (1).插件的作用用于bundle文件的优化资源管理和环境变量注入作用于整个构建过程可以理解为:loader做不了的,给plugins来完成.(2).常用的plugin:CommonsChunkPlugin:将chunk相同的模块代码提取成公共js,如引入同一个js文件CleanWebpackPlugin:清理构建目录ExtractTextWebpackPlugin:......