(javascript)vue项目打包后，写的覆盖element的样式无效了。这是什么原因？

问题： (javascript)vue项目打包后，写的覆盖element的样式无效了。这是什么原因？描述:

在开发模式模式下，写的覆盖样式都有效，打包后就无效，请问下是什么原因?
main.js里的css加载顺序

开发模式下

打包后在浏览器查看

解决方案1:

你的问题就是css权重问题如果相同权重可能存在引入顺序问题

简单粗暴解决办法
1：如果是单页面写入index.html里面
2：直接修改源码的css 很简单~~~
3：加个！important

解决方案2:

你看下main.js中引入的顺序，是否和下面一样：

import 'element-ui/lib/theme-chalk/index.css'
import App from './App.vue'

如果相反，那么element-ui的样式会覆盖自定义的样式。

解决方案3:

在vue-cli中开发模式下，css样式是用js打到head中的style标签里的

而生产环境的css是用extract-text-webpack-plugin生成css文件引入的

这其中的样式优先级是不一样的。一般多写一个选择器增加下优先级就没问题了。

以上介绍了“ (javascript)vue项目打包后，写的覆盖element的样式无效了。这是什么原因？”的问题解答，希望对有需要的网友有所帮助。

(javascript)vue项目打包后，写的覆盖element的样式无效了。这是什么原因？相关推荐

php项目index页面空白,如何解决vue项目打包后打开页面空白的问题
这篇文章主要介绍了vue项目打包后打开空白解决办法,内容挺不错的,现在分享给大家,也给大家做个参考. 网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通 ...
Vue项目打包后js文件压缩
前言这段时间因为免费试用了https://free.aliyun.com/一台阿里云的服务器,配置是 2核4G 2M, 因为带宽太低了,每次在第一次加载的时候太慢了,通过F12调试,发现主要是因为加 ...
接上一篇：【Vue 项目打包后访问报错：Uncaught TypeError: Cannot read property 'call' of undefined】
上一篇:Vue 项目打包后访问报错:Uncaught TypeError: Cannot read property 'call' of undefined 其实在修改 webpack.prod.co ...
vue项目打包后修改接口地址
vue项目打包后修改接口地址我们在做vue项目时,总会遇到开发时用的测试地址和项目上线时用到的接口地址不同,再就是项目上线后,后期需要更改接口地址的情况.然而,如果没有一个配置文件,后期更换起来就只 ...
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项目打包后提示图片文件路径错误的解决方法
vue项目打包后在production模式下提示图片 '404(not found),在dev环境下好好的,打包了就提示这个错误.这是为什么呢,以前第一次使用vue-cli构建项目的的时候只有两个图片 ...

(javascript)vue项目打包后，写的覆盖element的样式无效了。这是什么原因？

(javascript)vue项目打包后，写的覆盖element的样式无效了。这是什么原因？相关推荐

最新文章

热门文章