构建后不会触发CSSTransitions。 （盖茨比）

Question

“ react-tranisiton-group”中带有CSSTransition的动画和“情感”样式的组件在构建后不会触发。 怎么了！如果我使用相应的html文件中的代码编辑器自动缩进代码，则一切将再次正常运行。

有没有一种方法可以在构建时不缩小html文件？ 听起来对某人熟悉吗？

Answer 1

正如我在上面的子评论中提到的那样，此问题与浏览器解析html的方式有关，并且在结束样式标签和下一个标签之间添加单个空格足以解决此问题。

实际上在样式标签之前和之后添加空格的必要

这是构建后运行的。

sed -i -e 's/'"\<\/style\>"'/'"\<\/style\> "'/g' $(find ./public -name *.html) && sed -i -e 's/'"\<style"'/'" \<style"'/g' $(find ./public -name *.html)

在公用文件夹中找到所有html文件，并在样式标签之前和之后添加空格。 替换操作运行两次！一个用于前面的空间，另一个用于后面的空间。这不是最佳选择，而且很多HTML文件可能需要一些时间...。 完成！