首先,创建React工程目录,以及选择Typescript版本

  React 脚手架支持Typescript和Sass

  进入在my-app目录,安装node-sass

  React 脚手架支持Typescript和Sass

  然后再安装webpack的sass-loader

  React 脚手架支持Typescript和Sass

   接下来进入node_modules --> react-scripts --> config,打开webpack.config.js文件:

  React 脚手架支持Typescript和Sass

   找到 "file-loader"后,添加".scss"文件的配置,如下图红线框中的信息:

  React 脚手架支持Typescript和Sass 

  最后,将src目录下的css改成scss文件:

  React 脚手架支持Typescript和Sass

   运行 yarn start 

相关文章:

  • 2022-02-12
  • 2021-12-09
  • 2021-12-31
  • 2022-12-23
  • 2021-04-13
  • 2021-06-20
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-01-03
  • 2022-01-07
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案