reactjs - 使用 typescript 在 create-react-app 中加载 sass

标签 reactjs typescript sass create-react-app

我最近将一个 create-react-app 迁移到了 typescript。迁移后,我的 scss 文件在 .tsx 组件中被忽略。我正在像这样导入文件:

import './styles/scss/style.scss';

这在 js 中运行良好。我已经安装了 node-sass,甚至尝试安装 @types/node-sass。我想在不弹出的情况下执行此操作。非常感谢任何帮助。

最佳答案

根据本文档https://facebook.github.io/create-react-app/docs/adding-a-sass-stylesheet#docsNav

如果你使用 react-scripts@2.0.0 或更高版本

npm install node-sass

重新启动并享受。

关于reactjs - 使用 typescript 在 create-react-app 中加载 sass,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53131670/

相关文章:

javascript - 类型 'srcset' 上不存在属性 'DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>'

javascript - 如何测试 JavaScript 对象是否仅具有特定字段/属性

html - 对不同的屏幕尺寸使用@media 查询无法正常工作

laravel - 如何在 Laravel 5 中将 CSS 文件添加到 app.css?

Webpack - SASS/SCSS '@import' 语句中的字符串替换

javascript - 对于 S3 静态站点前端和 EC2 API 后端,我的 OAuth2 重定向 URL 应该是什么?

reactjs - 用于本地状态管理的 Apollo Client 3.0 或 Redux?

reactjs - React hooks,提供上下文,但不会在状态更改时重新渲染子项

javascript - WebSocket,即使在触发 onopen 事件后,仍处于 CONNECTING 状态

typescript - 基于可选通用的接口(interface)中的强制键