Gulp 在asp.net 5项目中，我应该将客户端代码源文件（缩小之前的JavaScript和CSS等）放在哪里？

我希望有一个src文件夹，其中包含我的所有客户端代码，例如css、脚本、字体、图像等。我希望使用gulp缩小/合并其中一些文件，然后将这些文件复制到dist文件夹中。文件夹结构通常是这样的（在.net世界之外）

---

我现在想知道如何在asp.NET5中构造这样的东西。wwwroot文件夹与dist文件夹相同吗？或者我应该在wwwroot文件夹下同时拥有“src”和“dist”文件夹吗

我喜欢将客户机源文件作为一个单独的项目保存。您可以调用glup构建任务来编译并将编译后的代码复制到MVC项目中

---

我以前问过这个问题，看一看。

我喜欢将客户机源文件作为一个单独的项目保存。您可以调用glup构建任务来编译并将编译后的代码复制到MVC项目中

---

我之前问过一个问题，看看。

在asp.net 5中，web服务器提供公共文件的文件夹（web服务器根目录或公共文件夹）的名称是可选的。 对于VisualStudio附带的项目模板，默认情况下，此文件夹名称命名为“wwwroot”。 您可以通过修改中的属性“webroot”来更改名称

因此，可以从名为“dist”的文件夹中为公共文件提供服务。如果您在visual studio中使用项目模板，则可以将“wwwroot”文件夹重命名为“dist”，只需将project.json中的“webroot”属性更改为“dist”

如果将“dist”和“src”文件夹放在名为“wwwroot”的文件夹中，并且该文件夹被指定为project.json中的“webroot”目录，则这两个文件夹都将被删除

---

可通过web请求访问。如果将“src”文件夹置于“wwwroot”文件夹之外，则该文件夹将不可用。

在asp.net 5中，web服务器提供公共文件的文件夹的名称（web服务器根目录或公共文件夹）是可选的。 对于VisualStudio附带的项目模板，默认情况下，此文件夹名称命名为“wwwroot”。 您可以通过修改中的属性“webroot”来更改名称

因此，可以从名为“dist”的文件夹中为公共文件提供服务。如果您在visual studio中使用项目模板，则可以将“wwwroot”文件夹重命名为“dist”，只需将project.json中的“webroot”属性更改为“dist”

如果将“dist”和“src”文件夹放在名为“wwwroot”的文件夹中，并且该文件夹被指定为project.json中的“webroot”目录，则这两个文件夹都将被删除

---

可通过web请求访问。如果将“src”文件夹置于“wwwroot”文件夹之外，则该文件夹将不可用。

src文件夹应位于wwwroot之外。wwwroot将替换dist文件夹（因此在gulp脚本中替换它）。如果从VisualStudio运行应用程序，它将在那里查找。您不会失去任何吞咽功能，甚至从那里提供服务。因此，使用VS debug VS serve和browserlink/livereload等是首选

下面只是在VisualStudio中工作的单独吞咽任务的示例。用于演示目的。应该可以帮助你获得想法并开始

    /*
This file in the main entry point for defining Gulp tasks and using Gulp plugins.
Click here to learn more. http://go.microsoft.com/fwlink/?LinkId=518007
*/


var styleType = "SCSS"; // CSS/LESS

var wwwroot = 'wwwroot';

var gulp = require('gulp');

var del = require('del');

var debug = require('gulp-debug');


gulp.task('Clean:Delete', function () {
    del(wwwroot+"/*", '!web.config').then(paths => {
        console.log('Deleted files and folders:\n', paths.join('\n'));
    });
});


gulp.task('Copy:Fonts', function () {
    gulp.src(['src/fonts/**/*'], {
        base: 'src'
    })
      .pipe(debug())
      .pipe(gulp.dest( wwwroot ));
});

gulp.task('Copy:Images', function () {
    gulp.src(['src/images/**/*'], {
        base: 'src'
    })
      .pipe(debug())
      .pipe(gulp.dest(wwwroot));
});


gulp.task('Copy:HTML', function () {
    gulp.src(['src/html/**/*'], {
        base: 'src/html'
    })
      .pipe(debug())
      .pipe(gulp.dest(wwwroot+'/views'));
});

任务列在“任务运行器资源管理器”中，可以从IDE再次控制任务（取决于IDE与CMD）

---

为了完成任务。最近，越来越多的开发人员使用Visual Studio代码作为前端

src文件夹，他们应该在wwwroot之外。wwwroot将替换dist文件夹（因此在gulp脚本中替换它）。如果从VisualStudio运行应用程序，它将在那里查找。您不会失去任何吞咽功能，甚至从那里提供服务。因此，使用VS debug VS serve和browserlink/livereload等是首选

下面只是在VisualStudio中工作的单独吞咽任务的示例。用于演示目的。应该可以帮助你获得想法并开始

    /*
This file in the main entry point for defining Gulp tasks and using Gulp plugins.
Click here to learn more. http://go.microsoft.com/fwlink/?LinkId=518007
*/


var styleType = "SCSS"; // CSS/LESS

var wwwroot = 'wwwroot';

var gulp = require('gulp');

var del = require('del');

var debug = require('gulp-debug');


gulp.task('Clean:Delete', function () {
    del(wwwroot+"/*", '!web.config').then(paths => {
        console.log('Deleted files and folders:\n', paths.join('\n'));
    });
});


gulp.task('Copy:Fonts', function () {
    gulp.src(['src/fonts/**/*'], {
        base: 'src'
    })
      .pipe(debug())
      .pipe(gulp.dest( wwwroot ));
});

gulp.task('Copy:Images', function () {
    gulp.src(['src/images/**/*'], {
        base: 'src'
    })
      .pipe(debug())
      .pipe(gulp.dest(wwwroot));
});


gulp.task('Copy:HTML', function () {
    gulp.src(['src/html/**/*'], {
        base: 'src/html'
    })
      .pipe(debug())
      .pipe(gulp.dest(wwwroot+'/views'));
});

任务列在“任务运行器资源管理器”中，可以从IDE再次控制任务（取决于IDE与CMD）

为了完成任务。最近，越来越多的开发人员在前端使用VisualStudio代码