VUE 项目编译后逆向工程项目01

vue 文件 被编译后对应的 css 文件 关系

1.浏览器开发者工具查看 【源代码】
项目中 assets文件夹里的 SASS 文件夹下的 编译后统一合并成类似 app.xxxxxxxx.css 文件
2.如果每个 VUE 文件本身使用的

3.主样式编译后会独立生成类似 chunk-vendors.xxxxxxxx.css 文件
4.vue 源文件可以通过 webpack:// 树结构进行查看，如下图：

5.最复杂的一步，通过分析文件的引用关系即可。

说明：a)  xxxxxxxx 代表随机的8位字符
        b) [data-v-xxxxxxxx] 代表与编译后的 HTML 中对应
          c) [data-v-xxxxxxxx] 可以直接删除，做好 VUE 文件的关联，需要与第5步进行综合评估。