构建后不会触发 CSSTransitions。 （盖茨比）
CSSTransitions are not triggered after build. (Gatsby)
来自 "react-tranisiton-group" 和 'emotion' 样式组件的带有 CSSTransition 的动画不会在构建后触发。
然而！如果我在相应的 html 文件中使用代码编辑器自动缩进代码，一切都会再次正常运行。
有没有办法在构建时不缩小 html 文件？
这听起来很熟悉吗？
正如我在上面的子评论中提到的，这个问题与浏览器解析 html 的方式以及在结束样式标签和下一个样式标签之间添加一个 space 的方式有关标签足以解决这个问题。
事实上有必要在样式标签前后添加一个space
这是运行构建后的样子。
sed -i -e 's/'"\<\/style\>"'/'"\<\/style\> "'/g' $(find ./public -name *.html) && sed -i -e 's/'"\<style"'/'" \<style"'/g' $(find ./public -name *.html)
它会在 public 文件夹中找到所有 html 文件，并在样式标签前后添加 spaces。
替换操作运行s 两次！一个用于 space 之前，另一个用于 space 之后。这不是最佳选择，很多 html 文件可能需要一些时间...。
完成！
来自 "react-tranisiton-group" 和 'emotion' 样式组件的带有 CSSTransition 的动画不会在构建后触发。 然而！如果我在相应的 html 文件中使用代码编辑器自动缩进代码，一切都会再次正常运行。
有没有办法在构建时不缩小 html 文件？ 这听起来很熟悉吗？
正如我在上面的子评论中提到的，这个问题与浏览器解析 html 的方式以及在结束样式标签和下一个样式标签之间添加一个 space 的方式有关标签足以解决这个问题。
事实上有必要在样式标签前后添加一个space
这是运行构建后的样子。
sed -i -e 's/'"\<\/style\>"'/'"\<\/style\> "'/g' $(find ./public -name *.html) && sed -i -e 's/'"\<style"'/'" \<style"'/g' $(find ./public -name *.html)
它会在 public 文件夹中找到所有 html 文件，并在样式标签前后添加 spaces。 替换操作运行s 两次！一个用于 space 之前，另一个用于 space 之后。这不是最佳选择，很多 html 文件可能需要一些时间...。 完成！