这种问题一般是因为你在多个vue组件中定义使用了相同的类名
那为什么 npm run dev 不会被影响呢?
因为 npm run dev 是将组件的css打包到了js中,而 npm run build时一般会用 extract-text-webpack-plugin这样的插件将所有的css提取到单独的css文件中,这样同类名的样式就会有覆盖的情况。
解决方案:
1.浏览器调试,找到互相影响的类名样式,修改唯一类名
2.建议使用less,组件样式使用less写成层级嵌套,保持最外层类名不一样最好