問(wèn)題描述寫了2個(gè)相互無(wú)關(guān)的組件,但是2個(gè)組件都使用了animate寫動(dòng)畫,然后上傳到私庫(kù)的時(shí)候用webpack打包了,有個(gè)項(xiàng)目要引用這2個(gè)組件,結(jié)果發(fā)現(xiàn)其中一個(gè)組件的動(dòng)畫無(wú)效了,經(jīng)過(guò)查找確定是因?yàn)榻?jīng)過(guò)webpack打包,動(dòng)畫效果的名稱都變成相同了,然后相互有影響了問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法相關(guān)代碼// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)組件A css@keyframes a {
0% { background-color: #fff;
}
50% { background-color: #000;
} to { background-color: #fff;
}
}組件B@keyframes a {
0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0
}
50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40
} to { stroke-dasharray: 90, 150; stroke-dashoffset: -120
}
}你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?組件之間動(dòng)畫的css相互不影響,本來(lái)想不打包上傳組件,但是如果不打包資源可能會(huì)比較大,所以放棄了那種想法。
組件的動(dòng)畫效果相互影響
小唯快跑啊
2018-10-24 10:39:40