Estoy tratando de hacer un análisis estático de la interfaz bastante complicada de mi aplicación, que está escrita en Vue.js. En particular, me gustaría poder analizar el CSS que se genera. (Vea, por ejemplo, una pregunta anterior que escribí).

Llegué al punto de poder atravesar un archivo CSS estándar y luego me di cuenta de que el CSS real que quiero analizar está enterrado en archivos .vue donde hemos definido todo en un solo lugar.

Por ejemplo:

 <template> <div> <div id="informationApp"><img class="logo" src="/elephant.png"> <div id="infoContent"> <nuxt></nuxt> </div> </div> </div> </template> <style lang="sass"> @import '~assets/theme' #informationApp width: 100vw height: 100vh

¿Hay alguna manera de eliminar el CSS o SASS "compilado" (pero preferiblemente aún legible por humanos) que está contenido en todos mis archivos Vue.js para que pueda ejecutar mi analizador estático en ellos?