vue(npm run build)得到的dist文件放在服务器下部分css样式不起作用效果，第三方UI库

相信很多朋友在做vue项目的时候都会引入第三方的UI库，比如Element UI、IView等等，在实际的项目中，我们需要自己的需求来修改UI库的css样式那么在平常npm run dev的时候，修改之后的样式是会按照代码来显示的可是一到我们npm run build的时候，突然发现自己修改的样式居然不起效果看了下index.html的样式引入，都是没有错的其实主要是我们将路由...

magic_xiang

4917人浏览 · 2018-07-26 20:24:15

magic_xiang · 2018-07-26 20:24:15 发布

相信很多朋友在做vue项目的时候都会引入第三方的UI库，比如Element UI、IView等等，

在实际的项目中，我们需要自己的需求来修改UI库的css样式

那么在平常npm run dev的时候，修改之后的样式是会按照代码来显示的

可是一到我们npm run build的时候，突然发现自己修改的样式居然不起效果

看了下index.html的样式引入，都是没有错的

其实主要是我们将路由(router)先引入，导致自己修改的UI样式不起效果

那么我们只要把router放在第三方UI库后再引入就行了。

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^