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

Question

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

中

  

〜/内容/ CSS / styles.css的

我尝试将其添加到_Layout页面

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

这会在该位置提供404.

我喜欢bower处理外部库的方式，并且当我请求缩小版本时，我会神奇地做所有其他事情，例如缩小文件，但是通过所有这些新功能，我无法添加我自己的简单静态文件。

有人可以帮助我引用我自己的styles.css文件吗？

Answer 1

乔在his answer写道：

  

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

详细说明：

在Gulp中有四个API，即：

id

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

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

所有这一切都是将文件从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. }); cssContent（我的本地目录）移动到gulp.src cssDest（webroot）。

要在每次构建之前运行此指定，请转到＆＃34;查看＆gt;其他Windows＆gt;任务管理器资源管理器＆＃34;，右键单击出现的名为gulp.dest的任务，然后选择＆＃34; Bindings＆gt;在Build＆＃34;。

之前

您可以使用Gulp做更多事情，例如缩小，组合，分析，添加对文件的引用，但这些是基础知识。

注意：我在Pluralsight上的JavaScript Build Automation With Gulp.js了解了上述内容。

Answer 2

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