如何更快地从 vue 中写入 className 并将文件反应到 less/css 文件?

问题描述

我使用一个小工具parse-js-to-css,它解析class/className文件中的react/vue,并自动生成less/sass/css文件

示例

解析反应代码

import React,{ PureComponent } from "react";
function LoginButton() {
  return <div className="login-button"></div>;
}
class Demo extends PureComponent {
  render() {
    return (
      <div className="login-container">
        <div className="login-container--user-name"></div>
        <div className="login-container--password"></div>
      </div>
    );
  }
}

export default Demo;

生成less/sass代码

.login-button {
}

.login-container {
  &--user-name {
  }
  &--password {
  }
}

你呢?欢迎相互交流

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)