vue项目打包后样式错乱
问题
在开发的过程中,我们喜欢用里面写某个组件的独有样式。然而项目在打包之后运行在服务器中时,我们会发现scoped并没有生效。这时候有可能会出现样式错乱的情况。
问题产生的原因
vue的项目在打包后会把所有组建的样式代码压缩在同一个文件里,所以写在某个组件里的scoped就不会再区分这是哪一个组件的样式了。
解决方法
在创建每一个组件的时候都给根元素一个独立的类名,或者id。然后在写组件独有样式的时候加上这个根元元素。组件里所有元素的样式都是在这个根元素下面的。
vue项目打包后样式错乱相关推荐
- (javascript)vue项目打包后,写的覆盖element的样式无效了。这是什么原因?
问题: (javascript)vue项目打包后,写的覆盖element的样式无效了.这是什么原因?描述: 在开发模式模式下,写的覆盖样式都有效,打包后就无效,请问下是什么原因? main.js里的c ...
- elementui 样式渲染的慢_解决vue+elementui项目打包后样式变化问题
博主刚刚解决了index.html空白问题,刚打开项目页面又发现了样式出现了大问题,样式与开发版本有很大不同,有些样式没有生效.利用搜索引擎, 找到了问题所在以及解决办法: main.js中的引入顺序 ...
- vue工程打包上线样式错乱问题 - bug解决(4种)
vue工程打包上线样式错乱问题 - bug总结(4种) 项目开发完成后,执行npm run build,进行打包,将打包完成的dist文件部署在服务器.配置好域名解析,就可以实现工程上线. 上线后,有 ...
- php项目index页面空白,如何解决vue项目打包后打开页面空白的问题
这篇文章主要介绍了vue项目打包后打开空白解决办法,内容挺不错的,现在分享给大家,也给大家做个参考. 网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通 ...
- vue 项目打包后 浏览器 F12 在source 下不显示 webpack 包
vue 项目打包后 浏览器 F12 在source 下不显示 webpack 包,度娘上好多说的是 在 vue.config.js 配置 productionSourceMap: false 即可,然 ...
- vue项目打包后生成一个配置文件可以修改打包后的服务器api地址
vue项目打包后生成一个配置文件可以修改打包后的服务器api地址 问题描述:vue项目打包上线之后,如果要改服务器api地址,只能在源码更改然后重新打包发布,为了解决这个问题,我们可以在static增 ...
- 打包后index.html路径错误,解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题...
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题 2018年05月23日 10:05:35 for_weber 阅读数:14179 Vue项目运行npm run buil ...
- 快速解决Vue项目打包后文件过大问题
快速解决Vue项目打包后文件过大问题 为什么打包后文件过大? 如何快速解决 一.路由懒加载[使用es6提案的import()方式] 二.CDN引入 为什么打包后文件过大? 移动app项目,使用vue- ...
- Vue项目打包后js文件压缩
前言 这段时间因为免费试用了https://free.aliyun.com/一台阿里云的服务器,配置是 2核4G 2M, 因为带宽太低了,每次在第一次加载的时候太慢了,通过F12调试,发现主要是因为加 ...
最新文章
- NPOI随笔——图片在单元格等比缩放且居中显示
- 【289】◀▶ Python I/O 读写文本文件
- CodeForces - 1203F1 Complete the Projects (easy version)(贪心)
- mysql inode_Linux中inode的大小、作用讲述
- Nginx学习笔记(五) 源码分析内存模块内存对齐
- 【HDU3530】 [Sdoi2014]数数 (AC自动机+数位DP)
- linux用户组500,Linux用户及用户组权限
- opencv 图像去雾
- x230键盘排线怎么拆_【HQP教程】记一次X230更换X220键盘
- ubuntu 好用的桌面小工具
- 如何做无线抄表既SCADA无线数据采集管理系统
- C64x EDMA Architecture
- Android 深色模式适配原理分析
- ASP.NET WEB介绍
- Flutter HellowWord
- unity 上架google play 包体超过150M
- 利用2阶分数阶微分掩模的边缘检测(Matlab代码实现)
- Firefox设置谷粉搜搜为默认搜索引擎的方法
- iPad 4.2.1 非完美越狱
- python基本数据类型1