asp.net core、angular2：wwwrootフォルダにscssとtypescriptファイルが含まれていますか？

Question

tsファイルとscssファイルをどこに置くのか分かりませんか？ wwwrootフォルダは静的ファイル用ですが、tsおよびscssファイルはコンパイルされます。私はwwwrootとそれ以外の場所に同様のフォルダ構造を保持し、cssとjsファイルをwwwrootにコピーする必要がありますか？例えば

：

が、それはあまりにも複雑ではないでしょうか？それは維持し、ナビゲートすることは非常に難しいようです。

Answer 1

私はwwwrootの中で、それの外に同様のフォルダ構造を保持して、wwwrootにするためにCSSやJSファイルをコピーする必要がありますか？ [sic]

はい。いいアイデアですね。

これを処理したら、バンドリングや縮小などの複雑な作業を行います。

あなたの質問には、可能な限り多くの回答があります。それはあなたのスクリーンショットはgulpfile.jsを示し、言った、あなたは次の操作を行うためにgulpを使用することができます。

1. があなたの活字体を構築し、wwwrootに*.js出力を置きます。
2. あなたのSCSSを構築し、の出力を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ファイルを見つけ、それらを構築し、指定された宛先にそれらを保存します。