Vue修改组件样式问题

问题：

    Vue修改第三方组件样式后运行没问题，npm run build打包后运行样式没有变化

原因：（本人以及学长研究总结）

    vue项目打包后生成的style文件是压缩后的，样式都混在一起，你写的样式被覆盖了

解决：

    在父组件标签加个classname,与原iview的样式区分开

例子：修改iview中的input样式

修改方案：

给Input的父级标签加个class=“teshuInput”---teshuInput是我起的一个classname