問題タブ [gulp-sourcemaps]

Gulp / npm noobie こちら。

gulp-sourcemaps を使用しようとしていますが、何らかの理由でクラッシュしvar sourcemaps = require('sourcemaps')ます (この行がファイルにある場合にのみクラッシュします)。

gulp ファイル:

エラー ：

この種のエラーに遭遇した人はいますか? 私はそれをグーグルで検索しようとしましたが、成功しませんでした。

CSS コードからすべてのコメントを削除したいのですが、gulp タスクに gulp -strip-css-commentsを追加すると、その gulp -strip-cssを確認している場合でも、ソースマップが機能しなくなることに気付きました。-comments/*# sourceMappingURL=style.css.map */は、正規表現オプションを使用して、ソース マップを指すコメントを保持します。

以下に、 gulp-strip-css-commentsを使用する前後にコードと出力を追加しました。

gulp-strip-css-comments の前

gulp-strip-css-comments の後

SASSを使用し、gulpを使用してファイルを連結し、要素を検査すると、cssがどこから来ているのかわかりません。Chrome Dev Tools は、CSS の行番号とファイル番号を指定しません。メインファイル main.scss があり、その中に2つの異なるファイルをインポートしています

これらの各ファイルには、テスト用のコードが 1 行あります。

以下は、出力ファイルを生成するための私のgulpコードです。

これの要素を調べると、chrome dev ツールに表示されます。 「main.scss:4」リンクをクリックすると、main.scss css リファレンス ページに移動しますが、行番号や、元の test2.scss などの元のファイルが表示されません。 . これは、実際のサイトで使用すると大きな問題になります。コンパイルされたファイルには 16,000 行の css が含まれることになり、css セレクターの起源を見つける方法がないからです。これがソースマップの設定方法の問題なのか、それとも chrome dev ツールの問題なのかわかりません。どんな提案も役に立ちます、ありがとう！

Sass の Gulp タスクに問題があります。これはソースマップを生成しません。問題はこのタスクだけです。私の.js作品のソースマップは問題ありません。

誰でも私のタスクを確認できますか?

ここにはおそらくいくつかの小さなスタイルの問題がありますが、ほとんどはこれでうまくいきます。styles/*.scssただし、そのフォルダー内のファイルまたは新しい SCSSへの変更を監視していないようです。Javascriptでも同じです：scripts/*.js時計で更新されていません。

ソースマップを破壊することなく SCSS と CSS を結合することもできますが、それはあまり重要ではありません。今のところ、ライブ更新を機能させるだけでもいいでしょう。

Express/typescript/gulp アプリを実装しようとしていますが、動作しますが、ソースマップを使用してデバッグすることはできません。

これが私のセットアップです

ガルプファイル

VS Code 起動ファイルは次のとおりです。

完全なコードは、 https ://github.com/MichalZak/beanbag の git リポジトリにあります。

このプロセスをノード サーバーに接続できません。助言がありますか？

私は Gulp システムを初めて使用し、AngularJS アプリケーションを起動して実行しようとしています。Yeoman を使用して、gulp タスクの標準セットを取得しましたが、そのうちの 1 つがエラー メッセージで失敗しています。特定の行に絞り込みましたが、このシステムについて、何が失敗しているのか、またはその理由を知るのに十分な知識がありません (もちろん、不足しているファイルの名前は別として)。

失敗している gulp ファイルは次のとおりです。

ご覧のとおり、問題のある行以外はすべてコメントアウトしました。その行は、ビルド プロセスの一部として呼び出されると、次のエラー メッセージを生成します。

明らかに、jspm パッケージの一時コピーで system.js を探していますが、なぜでしょうか? そして、なぜそれが見つからないのですか？ファイルはそこにあるべきですか？gulp スクリプトが何をしようとしているのかわからないので、なぜ機能しないのか推測することはできませんでした。

これはおそらく包括的な回答を得るには十分な情報ではないことはわかっていますが、少なくとも正しい方向に向けるために十分な情報がここにあることを願っています.

ありがとう！

2017 年 1 月 3 日更新

私は、userrefが何をすべきかをちょっと理解しました。私のindex.htmlファイルは

私が考えていることは、ブロックを置き換えることになっているということです：

と

この音は正しいですか？