如何在 ASP.NET 5 中引用自己的 css 文件？

Question

我正在尝试加载一个名为 styles.css 的文件，该文件位于

~/Content/css/styles.css

我尝试将其添加到 _Layout 页面

<link rel="stylesheet" href="~/Content/css/styles.css" />

这会在该位置给出 404。

我喜欢 bower 处理外部库的方式，而 gulp 在我请求缩小版本时会神奇地执行所有其他操作，例如缩小文件，但是由于所有这些新事物，我无法添加自己的简单静态文件。

谁能帮我参考我自己的styles.css 文件？

Answer 1

乔在his answer写道：

您可以移动/复制 www 根文件夹下的 Content 文件夹，也可以使用 grunt file.js 处理、合并、缩小，然后复制到 wwwroot 下的文件夹。但是 ~/ 现在意味着 wwwroot。

详细说明：

在 Gulp 中有四个 API，分别是：

gulp.task: Define a task
gulp.src: Read files
gulp.dest: Write the files
gulp.watch: Watch the files

要将示例 CSS 文件中的文件从源写入目标（我想做的），您可以定义如下任务：

var gulp = require('gulp')

var paths = {
    webroot: './wwwroot/',
    cssContent: './Content/css/**/*.css'
};

paths.jsDest = paths.webroot + 'js/';
paths.cssDest = paths.webroot + 'css/';

gulp.task('build:ccs', function () {     // Define a task called build.css
    console.log('Building Cascading Style Sheets...')
    gulp.src(paths.cssContent)           // Look for files in the source.
                                         // Do optional other stuff
        .pipe(gulp.dest(paths.cssDest)); // Put it in the wwwroot.
});

所有这一切都会将文件从gulp.src cssContent（我的本地目录）移动到gulp.dest cssDest（webroot）。

要在每次构建之前运行它，指定这个去“View > Other Windows > Task Runner Explorer”，右键点击出现的名为build:ccs的任务并选择“Bindings > Before Build”。

你可以用 Gulp 做更多的事情，比如缩小、组合、分析、添加对文件的引用，但这些都是基础。

注意：我从 Pluralsight 上的JavaScript Build Automation With Gulp.js 学到了以上内容。

Answer 2

您可以移动/复制 www 根文件夹下的 Content 文件夹，也可以使用 grunt file.js 处理、合并、缩小，然后复制到 wwwroot 下的文件夹。但是 ~/ 现在意味着 wwwroot