webpack打包后的代码（transition属性）在火狐和ie中出现不同的情况。

webpack打包后的代码在chorme测试没问题。但在ie和火狐会莫名其妙的出现和chorme的行为。我设置某个元素为opacity:0;transition:all 1s;然后给个触发行为才变为opacity:1;ie和火狐就出现问题了：这些被设置了transition属性的元素会先出现（设定是不出现的，除非触发事件）就好像他们先走了一趟过渡。但是！！！一开始我以为是scss编译css的问题。然后我看代码没错，之后我把代码全部拿出来，不用webpack打包，直接跑。这样的话就没出现问题了。真的想不去是哪里有问题……因为css代码是一样的。js代码除了我用webpack导入图片的代码不同，其他代码都一样。下面贴下代码。