如何在CodeSandbox中使用Scss文件?

Cdh*_*pen 3 css sass css3 codesandbox

如果这是一个基本的问题,那么除了道歉之前,我没有在codepen之外的任何东西中使用过SASS或SCSS,但是我的CSS工作正常,但是我想嵌套一些标签,并且当我设置SCSS和SASS依赖项并更改了文件名时到.scss,我所有的格式都消失了。我读过一些有关将scss文件导入到css文件中的内容,但是我不确定如何实现这一点。

这是代码沙箱的链接:https : //codesandbox.io/s/oj15rk1vw9

Mau*_*ppe 6

使用宗地捆绑程序模板而不是create-react-app模板

在此处输入图片说明

另外,如果您使用react add reactreact-domas依赖项,因为Parcel Bundler模​​板仅将宗地作为dev依赖项提供

https://codesandbox.io/s/q7877ov756

  • 有没有办法更改模板而不必创建一个全新的沙箱并复制所有内容? (3认同)

A7D*_*7DC 6

如果您只是将所有实例更改为style.csstostyle.scss那么它将起作用

  • 您必须确保安装了“node-sass”包。[参见文档](https://create-react-app.dev/docs/adding-a-sass-stylesheet/)。 (4认同)