Vite 对 ts、css、sass、jsx的支持

安装SASSyarn add -D sass

<script lang="ts">
// import css 文件就直接生效
  import data from './data.json' // json文件支持热更新
  
</script>
<style lang="scss">
  
</style>

DemoJSX.jsx

function DemoJSX() {
  return (
    <div>
      <h1>DemoJSX</h1>
      <ChildJSX/>
    </div>
  )
}
function ChildJSX() {
  return (<p>ChildJSX</p>)
}
export default DemoJSX;

使用:

import DemoJSX from './DemoJSX.jsx'
上一篇:探索 Vue 3 中的 JSX


下一篇:React和JSX基础