asp.net核心，angular2：wwwroot文件夹应该包含scss和typescript文件吗？

Question

我无法理解在哪里放置我的ts和scss文件？ wwwroot文件夹用于静态文件，但编译了ts和scss文件。我应该在wwwroot和它之外持有类似的文件夹结构，然后将css和js文件复制到wwwroot吗？

例如：

难道不是太复杂了吗？这似乎很难维护和导航。

Answer 1

  

我应该在wwwroot及其外部保存类似的文件夹结构，然后将css和js文件复制到wwwroot？ [原文如此]

是。那是一个好主意。

一旦掌握了这一点，就可以执行更复杂的任务，例如捆绑和缩小。

你的问题有许多可能的答案。也就是说，您的屏幕截图显示gulpfile.js，您可以使用gulp执行以下操作：

1. 构建TypeScript并将*.js输出放入wwwroot。
2. 构建您的SCSS并将*.css输出放入wwwroot。

以下是一些可以帮助您入门的资源。

• A gulp plugin for very fast TypeScript compilation
• Gulp plugin for sass

以下是一个示例gulpfile.js，供您根据自己的具体需求进行修改。

'use strict';

var gulp = require('gulp');
var tsb = require('gulp-tsb');
var sass = require('gulp-sass');

// create and keep compiler 
var compilation = tsb.create({
    target: 'es5'
});

gulp.task('tsc', function() {
    return gulp.src('./scripts/**/*.ts')
        .pipe(compilation()) // <- new compilation 
        .pipe(gulp.dest('./wwwroot/appScripts'));
});

gulp.task('sass', function () {
  return gulp.src('./sass/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./wwwroot/css'));
});

您需要对npm和gulp有所了解。基本上，从命令行运行以下gulp任务。

gulp tsc     // to build typescript
gulp sass    // to build sass

他们会找到您的*.ts和*.scss文件，构建它们，并将它们保存到指定的目标位置。