babel traverse 代码转换问题

源代码

import React from 'react';

import './index.css';
const Index = () => {
  return (
    <div className="box-404-wrap">
      <h1 className="h1">
        404
      </h1>
    </div>
  );
};

export default Index;

转换后

import React from 'react';
const Index = () => {
  return (
    <>
      <style jsx>
        {`
          .box-404-wrap h1 {
            color: red;
          }
        `}
      </style>
      <div className="box-404-wrap">
        <h1 className="h1">
          404
        </h1>
      </div>
    </>
  );
};

export default Index;

期望读取 index.css 样式,并移动到 jsx 中,这种转换的插件怎么写?

阅读 670
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏