Ionic React v5：配置项目以处理 Sass/Scss 文件
Jos*_*man 5 sass reactjs ionic-framework
我已经使用 Ionic v5 w/React 创建了一个测试应用程序，但我在文档中没有看到有关如何配置 Sass 预处理的任何细节。我在项目结构中有几个 sass 文件，但它们似乎没有被加载或被处理。我在 package.json 中添加了 node-sass。任何帮助将非常感激。我使用 Ionic Cli 创建了一个空白应用程序并将一些 .scss 文件添加到项目目录中。
所以我想通了。使 ionic 查看themes所有样式表的目录，包括 scss 表。所以我只是将我的 scss 文件放在那里，运行ionic serve并将基本样式表import '/theme/styles.scss'导入到“主”组件中，然后它就可以工作了。我可以运行ionic build命令看到 scss 文件被处理并缩小到一个 .css 文件中。
所以，只是要清楚，你确实需要安装node-sass通过npm或yarn为了离子来支持SCSS文件后，你可以改变任何文件无论是内页或组件或主题文件夹，你只需要更新进口SCSS代替css
安装命令
npm install --save-dev node-sass
导入更改
| 归档时间： |
|
| 查看次数： |
1915 次 |
| 最近记录： |