我如何让 Aurelia 处理 scss

Question

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

我在项目 /src/styles/styles.scss

中有一个文件

在 aurelia.json 文件中（我添加了源属性）

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

Answer 1

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

来使其工作

import 'app.scss';

在模板中要求它也应该有效，此处提供了对这两种方法的讨论：https://github.com/aurelia/webpack-plugin/issues/14

我如何让 Aurelia 处理 scss

How do I get Aurelia to process scss

sass

aurelia