如何让 Aurelia 处理 scss

【问题标题】：How do I get Aurelia to process scss如何让 Aurelia 处理 scss
【发布时间】：2018-04-06 03:00:09
【问题描述】：

我使用 cli 创建了一个新的 Aurelia，并为 CSS 处理器设置了 scss，为捆绑程序设置了 webpack。我的问题是 scss 似乎被忽略了，我不知道为什么。

我在项目 /src/styles/styles.scss 中有一个文件

在 aurelia.json 文件中（我已经添加了 source 属性）

...
    "cssProcessor": {
        "id": "sass",
        "displayName": "Sass",
        "fileExtension": ".scss",
        "source": "src/**/*.scss"
      },
...

【问题讨论】：

标签： sass aurelia

【解决方案1】：

您是否在任何组件中导入了 scss 文件？我认为您可以通过将此行添加到您的 app.ts 文件（或您正在使用的任何启动组件）中来使其工作

导入'app.scss';

在模板中要求它也应该有效，这两种方法的讨论都可以在这里找到：https://github.com/aurelia/webpack-plugin/issues/14

【讨论】：

那个链接让我走上了正确的道路，但我需要在我的 app.html 中使用。
实际上导入工作正常我只需要更多的相对路径 import 'styles/styles.scss';