使用 gogocode-plugin-vue 转换代码，css样式错乱

thx / gogocode

GoGoCode is a transformer for JavaScript/Typescript/HTML based on AST but providing a more intuitive API.

MIT License

5.47k stars 417 forks source link

Open mingyec opened 1 year ago

mingyec commented 1 year ago

version: 0.2.28
playground demo: 使用 cli，当前线上版本的 playground 无法做到
your description: 在使用 gogocode-plugin-vue 转换 vue2 代码到 vue3 时，.vue 文件中的 scss 样式部分会被压缩，无法保持正常的格式化。现在的问题是，如果 scss 中包含注释块，那么转出来的格式就是不正确的，例子如下

转换前

转换后

mingyec commented 1 year ago

这个问题我查了一下，根源是转换规则中的 transition 部分，使用了 css-tree 来解析 css，而本身 css-tree 是不支持保留格式输出的，可以看下官方 issue 讨论