teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

表現の修正

2018/04/02 23:56

投稿

Fushihara
Fushihara

スコア52

title CHANGED
@@ -1,1 +1,1 @@
1
- gulpでtypescriptをコンパイルした時、sourcemapがvscodeで認識されない
1
+ Visual Studio Codeでtypescriptsourcemapが認識されない
body CHANGED
@@ -2,7 +2,6 @@
2
2
  launch.jsonでprogramと指定してあるindex.tsではブレークポイントが有効になるのですが、importした先ででは一切有効になってくれません。
3
3
 
4
4
  何か設定でミスがあるのでしょうか。ご存知の方、教えて下さい。
5
- typescript、gulpを使うことをやめたり、フォルダ構成を変えること。gulpfile.jsの中にファイルを一つ一つ書いて個別に処理をする事は避けたいと思っています。
6
5
 
7
6
  vscodeのファイル構成はこのような感じです。out以下のディレクトリはgulpで作成されます。
8
7
  ![イメージ説明](df1b56a692c578528c6020646afa41d7.png)
@@ -11,8 +10,23 @@
11
10
  ![イメージ説明](66148d2e7a78c2f228439df3a234dd5c.png)
12
11
 
13
12
  gulpfile.jsの中身です。このデフォルトタスクを実行し、out以下のファイルを作成しています。
13
+ ```
14
+ const gulp = require('gulp');
15
+ const gulpTypescript = require('gulp-typescript');
16
+ const gulpSourcemaps = require('gulp-sourcemaps');
17
+ gulp.task("build", () => {
18
+ const tsProject = gulpTypescript.createProject('tsconfig.json');
19
+ tsProject.options.outDir = './out';
20
+ gulp.src('./src/**/*.ts')
21
+ .pipe(gulpSourcemaps.init())
22
+ .pipe(tsProject())
23
+ .pipe(gulpSourcemaps.write("./"))
24
+ .pipe(gulp.dest('./out/'));
25
+ });
14
- ![イメージ説明](8f6877f26be9dbd7786f4f7750eb9865.png)
26
+ gulp.task('default', [`build`]);
15
27
 
28
+ ```
29
+
16
30
  launch.jsonとtsconfig.jsonの中身です
17
31
  ![イメージ説明](84c57799a25588a0b2b13ce63ca9bbc9.png)
18
32
 

1

避けたい事の意味が逆になっていたので修正

2018/04/02 23:56

投稿

Fushihara
Fushihara

スコア52

title CHANGED
File without changes
body CHANGED
@@ -2,7 +2,7 @@
2
2
  launch.jsonでprogramと指定してあるindex.tsではブレークポイントが有効になるのですが、importした先ででは一切有効になってくれません。
3
3
 
4
4
  何か設定でミスがあるのでしょうか。ご存知の方、教えて下さい。
5
- typescript、gulpを使うやフォルダ構成gulpfile.jsの中にファイルを一つ一つ書いて個別に処理をする事は避けたいと思っています。
5
+ typescript、gulpを使うことをめたり、フォルダ構成を変えること。gulpfile.jsの中にファイルを一つ一つ書いて個別に処理をする事は避けたいと思っています。
6
6
 
7
7
  vscodeのファイル構成はこのような感じです。out以下のディレクトリはgulpで作成されます。
8
8
  ![イメージ説明](df1b56a692c578528c6020646afa41d7.png)