我用Ionic v5 w/React创建了一个测试应用，但是文档中没有关于如何配置Sass预处理的具体说明。在项目结构中有几个sass文件，但它们似乎没有被加载或处理。我在package.json中添加了node-sass。非常感谢任何帮助。我使用Ionic Cli创建了一个空白应用程序，并在项目目录中添加了一些.scss文件。
2个回答
11
所以我找到了解决方法。Ionic会查找 themes 目录下的所有样式表，包括scss样式表。因此我只需将我的scss文件放在那里，运行 ionic serve 并在“主”组件中导入基本样式表 import '/theme/styles.scss'，就可以实现了。我可以运行 ionic build 命令来查看scss文件是否被处理并压缩成一个 .css 文件。
- Joseph Freeman
2
感谢您添加解决方案，这对我很有用。 - Bryan
这太棒了。我很困惑为什么它不在文档中。 - Paranoid Android
9
为了明确一点，您需要通过 npm 或 yarn 安装 node-sass 才能让 Ionic 支持 scss 文件，之后您可以更改任何文件，无论是页面、组件还是主题文件夹，您只需更新导入为 scss，而不是 css。
安装命令：
npm install --save-dev node-sass
导入更改
- Siddharth Pandey
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接