Css 如何通过<；链接>；？

我正在尝试建立Atom编辑器、Sass、Typescript和Aurelia的结合。我想，这个问题是关于Aurelia（通过Aurelia cli安装）及其构建系统的

嗯，我为我的组件编写了style.sass，然后在组件的视图（例如app.html）中将其作为style.css使用。好的，它起作用了。但是编译后的style.css的内容作为内部样式包含在index.html中，我的意思是所有内容都在

-标记中，而不是通过

。另外，似乎根本没有创建相应的.css文件。流只在index.html中的

-tag中包含其内容

---

如何使Aurelia通过

将我的样式包含为外部样式？在构建任务中，最后一个操作是来自aurelia cli的构建插件，这对我来说有点像一个黑盒子。此外，还导入了aurelia.json，因此应该有一种方法来配置所需的行为。快速搜索并没有给我答案，所以我来了。

这可能不是最好的解决方案，也不完全是您想要的，但可能会有所帮助。您可以执行以下操作（我接受了一个新的TypeScript项目）：

首先从视图中删除css包含

然后，调整

/aurelia\u项目/tasks/process css.ts

任务，如下所示：

import * as gulp from 'gulp';
import * as sourcemaps from 'gulp-sourcemaps';
import * as sass from 'gulp-sass';
import * as project from '../aurelia.json';
import {build} from 'aurelia-cli';

export default function processCSS() {
  return gulp.src(project.cssProcessor.source)
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest(project.platform.output));
};

这将在

/scripts

文件夹中输出CSS文件。然后，调整

aurelia_项目/aurelia.json

文件如下（删除css）：

---

在

index.html

中，您现在可以包含生成的样式（甚至在组件视图中）。

这可能不是最好的解决方案，也不完全是您想要的，但可能会有所帮助。您可以执行以下操作（我接受了一个新的TypeScript项目）：

首先从视图中删除css包含

然后，调整

/aurelia\u项目/tasks/process css.ts

任务，如下所示：

import * as gulp from 'gulp';
import * as sourcemaps from 'gulp-sourcemaps';
import * as sass from 'gulp-sass';
import * as project from '../aurelia.json';
import {build} from 'aurelia-cli';

export default function processCSS() {
  return gulp.src(project.cssProcessor.source)
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest(project.platform.output));
};

这将在

/scripts

文件夹中输出CSS文件。然后，调整

aurelia_项目/aurelia.json

文件如下（删除css）：

---

在

index.html

中，您现在可以包含生成的样式（甚至在组件视图中）。

什么过程编译您的样式？您的意思是什么？我用沙斯语。Aurelia中的构建任务是process-css.js。任务执行者正在吞咽。这一切都是在Atom编辑器中进行的。什么过程编译您的样式？您的意思是什么？我用沙斯语。Aurelia中的构建任务是process-css.js。任务执行者正在吞咽。这一切都是在Atom编辑器中进行的。是的，我也考虑过修改任务文件。但是我想保留视图中样式的

功能。也许我应该更深入地阅读这些文档——我觉得应该有一种方法可以通过在aurelia.json中声明一些东西来做到这一点。无论如何，谢谢你的建议！是的，我也考虑过修改任务文件。但是我想保留视图中样式的

功能。也许我应该更深入地阅读这些文档——我觉得应该有一种方法可以通过在aurelia.json中声明一些东西来做到这一点。无论如何，谢谢你的建议！