javascript 结合Gatsby.js风格导入

Posted 2021-05-03

import css from '../less/home.module.less'
import heroLess from '../less/hero-home.module.less'
import introLess from '../less/section-home-intro.module.less'
import workLess from '../less/section-home-work.module.less'

css.hero = heroLess
css.intro = introLess
css.work = workLess

// You can now access the styles via one object

const Hero = (
  <div className={css.hero.container}>
    <h1 className={css.hero.headline}>Hi there!</h1>
  </div>
)