問題タブ [gulp-sourcemaps]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - CSS3 部分文字列一致セレクターがソースマップ ファイルで検出されない
[修正] - 投稿の下部を参照してください
それらがサポートされていないだけなのか、それとも何か間違っているのかはわかりません。属性を囲む引用符が削除されていることに気付きました。これがどのように、またはなぜこれを行っているのかわかりませんが、これが問題を引き起こしている可能性がありますか?
この例では、部分文字列一致セレクター メソッドを使用していますが、機能しません。生成されたスタイルシートを指しています:
この例では、部分文字列一致セレクター メソッドを使用していませんが、機能します。
ワークフローに gulp を使用しています。これは SASS を処理するタスクです。
編集: Chrome 開発者ツールでデフォルト設定を復元したため、この問題は解決しました。何が原因なのか実際にはわからないので、質問を開いたままにします。
また、引用符を削除したのは要素インスペクタだけのようで、引用符は実際のソース コードにまだ存在していました。
npm - ReferenceError: ソースマップが定義されていません
gulp-sass と gulp-sourcemaps をインストールしましたが、node_modules にフォルダーが表示されます。
私のgulpfileはここにあります:
「gulp watch」を実行して scss ファイルを保存すると、次のエラーが表示されます。
私が間違っているアイデアはありますか?
ありがとう
gulp - ソース ディレクトリに出力する gulp を取得できません
SASSファイルをコンパイルして同じソースディレクトリに出力するためにgulpを取得しようとしていますが、適切に動作させることができませんでした。base
オプションを使用してみました:
上記のコードでは、アプリのルートディレクトリ、現在の作業ディレクトリに出力するだけで、これを機能させる方法はありますか? 私がそれをどのように機能させたいかの例は、ファイルを持っていて、それをandApplication/modules/frontend/static/css/main.scss
にコンパイルすることです.Application/modules/frontend/static/css/main.css
Application/modules/frontend/static/css/main.css.map
javascript - リモート サーバーで Gulp ソース マップが機能しない
したがって、正しいディレクトリにソース マップを作成し、sourceMappingURL (正しいマップへのリンク)を css ファイルに追加し、正しい sourceRoot を css.map に書き込む gulpセットアップ(リモート サーバー)を実行しています。
ただし、要素のスタイルを確認すると、コンパイルされた css ファイルを指し続けます。(source.scss ファイルの代わりに)
これが私のディレクトリ構造です:
開発 -
| | |
| | scss -
| | |
| | main.scss 製品
-
|
CSS -
|
main.css
main.min.css
main.min.css.map
私のソース マッピング URLは次のmain.min.css
とおりです: sourceMappingURL=main.min.css.map
ソース ルートmain.min.css.map
は次のとおりです: "sourceRoot":"../../dev/scss
"
私のページインスペクターがソースの .scss ファイルを指していない理由を知っている人はいますか? ではなく、縮小された .css をソースとして表示しますか?
css - CSS ソースマップがロードされていません
だから私は次のタスクがあります:
これは正常に機能し、css ファイルの隣にマップ ファイルを生成します。css ファイルの最終行は次のとおりです。
しかし、クロムもFirefoxもそのマップファイルにロードされます。私は何か間違ったことをしていますか?または何かが機能していませんか?
同様のタスクを持つJSファイルは、devToolsのソースタブでjsを分割しますが
node.js - Gulp の sourceComment は、フォルダーではなく、コンピューターに対する相対パスを表示しています
私が取り組んでいるプロジェクトのsourceCommentsを行ってきました.CSSで出力されるコメントは、正しいscssファイルを見つけることができ、私のコンピューターに関連するパスを示しています
例えば
これであってほしい
これが私のgulpfile.jsである場合、どうすればこれを達成できますか(ここではsass関数を示しています)
appium - Visual Studio Codeをデバッガとして使用するAppiumのソースマップ?
gulpfileで nodejs アプリケーションである Appiumのデバッグ環境をセットアップしています。gulp transpile
build/lib に .js ファイルを生成するものを実行できます。ブレークポイントの設定に関しては、元の lib/*.js ソース ファイルではなく、build/lib/*.js にブレークポイントを設定する必要があります。gulp-sourcemapsをインストールし、.js.map ファイルを生成する sourcemaps を生成するタスクを作成しました。
この時点で立ち往生しています。によって生成されたファイルはgulp transpile
、これらのソースマップを認識しません。//# sourceMappingURL
また、生成されたすべてのビルド ファイルを編集して、使用するたびに最後に手動で追加したくありませんgulp transpile
。では、エディター (Visual Studio コード) でこれらのマップ ファイルを使用し、生成されたビルド ファイルではなく元のソースにブレークポイントを配置するにはどうすればよいでしょうか?
https://code.visualstudio.com/docs/editor/debugging#_node-debuggingを見てきましたが、私が書いたタスクを使用してgulpによって生成されたソースマップをデバッガーに使用させることはできません。
ご協力いただきありがとうございます!