這種問題一般是因?yàn)槟阍诙鄠€(gè)vue組件中定義使用了相同的類名

那為什么 npm run dev 不會(huì)被影響呢？

因?yàn)?npm run dev 是將組件的css打包到了js中，而 npm run build時(shí)一般會(huì)用 extract-text-webpack-plugin這樣的插件將所有的css提取到單獨(dú)的css文件中，這樣同類名的樣式就會(huì)有覆蓋的情況。

解決方案：

1.瀏覽器調(diào)試，找到互相影響的類名樣式，修改唯一類名

2.建議使用less，組件樣式使用less寫成層級(jí)嵌套，保持最外層類名不一樣最好