跳到主要内容

如何使用 css

widget-cli 里面内置了 style-loader、css-loader，支持 esModule 形式导入 css 。

下面是一个示例​

小程序开发目录中


├── src
│   ├── index.css
│   ├── index.tsx

index.css

  .redColor {
    color: red;
  }

index.tsx

esModule​

  import React from 'react';
  import style from './index.css';

  export const Example: React.FC = () => {
    return <div className={style.redColor}>一个红色的 div</div>
  }

外部css​

注意：只能启用沙箱环境下才支持

  import './index.css';

  export const Example: React.FC = () => {
    return <div className='redColor'>一个红色的 div</div>
  }

如需使用第三方 UI 组件库​

如果你需要使用第三方 UI 组件库，目前我们建议使用 MUI。