asp.net核心，angular2：应该wwwroot文件夹包含scss和打字稿文件？

Question

我不明白在哪里放置我的ts和scss文件？ wwwroot文件夹用于静态文件，但ts和scss文件已编译。我应该在wwwroot和外部保存类似的文件夹结构，然后将css和js文件复制到wwwroot？

例如：

那岂不是太复杂？看起来很难保持和导航。

Answer 1

我应该举行类似的文件夹结构的wwwroot外，然后复制CSS和JS文件的wwwroot？ [原文如此]

是的。那是一个好主意。

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

你的问题有很多很多可能的答案。这就是说，你的屏幕截图显示gulpfile.js，您可以使用gulp做到以下几点：

1. 建立自己的打字稿，把*.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 tsc  // to build typescript 
gulp sass // to build sass 

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