問題タブ [browserify-shim]
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.
javascript - Browserifyで動作するjsを強調表示するコード?
主なコーディング言語 (sass/scss も) をサポートし、Browserify とうまく連携するコード ハイライターを探しています。
現時点では、私はprismjsを使用していましたが、(蛍光ペンとして) うまく機能しますが、Browserify では機能しないようです。最近、Browserify (これは素晴らしい) を使い始め、ハイライター (必要なもの) を除いて、すべてのスクリプトとモジュールで問題なく動作します。
大きなハッキングなしで Browserify とスムーズに動作する優れたコード ハイライターはありますか? :)
前もって感謝します。
gulp - gulp と factor-bundle を使用したマルチページ Web サイトの Browserify
特定のモジュールをページにロードするために、Factor-bundle で Browserify を使用しようとしています。
JS ソース ファイルを整理する方法は次のとおりです。
ここに私のビルドフォルダがあります:
home.html
other_page.html
ガルプファイル
そしてBrowserifyに関するpackage.sonの抜粋
ビルドは大丈夫です。しかし、ホームページをロードするとエラーが発生します:「Module not found 'home'」
私が間違っていることは何ですか?複数ページの Web サイトで browserify を使用するのは良い方法ですか?
完全なプロジェクトのレポを作成しました: https://github.com/JiDai/browserify-multipage
javascript - browserifyを使用するときに相対パスを修正する方法
browserify を使用してすべての js ファイルをコンパイルしようとしています。
私が現在抱えている問題は次のとおりです: https://github.com/amsul/pickadate.js
: https://github.com/amsul/pickadate.js/blob/master/lib/picker.date.js
相対パスが必要です:
他のファイルでこの問題に再び遭遇すると思います。
すべての js ファイルがコンパイルされて「dest」ディレクトリに移動されると、この相対パスは正しくなくなります。
これを上書きして正しいファイルを取得する方法はありますか?
現在使用している完全なgulpタスクは次のとおりです。
picker.js は次の場所にあります: ./app/js/materialize/date_picker/picker.js
ブラウザ化して移動するまでは、これが正しい場所です。
javascript - browserify と browserify-shim を使用して作成されたライブラリを利用可能にする
Browserify / Browserify Shim を使用してブラウザ用の JavaScript ライブラリを作成し、グローバル変数からブラウザ内で使用できるようにしたいと考えています。
エントリーJSファイルのエクスポートがこの変数に添付されることを望みます。たとえば、私のライブラリでは、次のようになります。
そして、ブラウザ内でこれを行いたいと思います:
これを実現するために Browserify / Browserify Shim を構成するにはどうすればよいですか?
どうもありがとうございました! ティエリー
browserify-shim - browserify-shim を使用した複数のエクスポート
このようなjsファイルがあるとしましょう
browserify-shim でバンドルして、a と b の両方をエクスポートしたいと考えています。そうする方法はありますか?
編集。うーん、無理っぽいですね。私の場合、browserify.transformで問題を解決しました。これが私のgulpfileにあったものです:
次に、browserify-shim config で、この c 変数をエクスポートします。
javascript - google を依存関係として使用する Browserify-shim
Google viz のライブラリをいくつか使用しています。
- グーグルマップ
- Google ピッカー
- 認証用の Google クライアント API
以下を使用してL.Googleをシムしたいと思いbrowserify-shim
ます。
次のエラーが表示されます。
jquery - browserify-shimを使用した偽のグローバルjQuery? (モジュール「jquery」が見つかりません)
jQuery プラグインに関して、Browserify で不可解な問題が発生しています。個別のサブアプリに複数のバンドルがある<script>
ため、繰り返しを防ぐために HTML にタグとしていくつかのグローバル ライブラリがあります。
とを使用gulp
してバンドルを作成しています。browserify-shim
babelify
以内package.json
:
内base.html
: (本番環境では、これらは CDN リンクになります)
私のソースファイルの1つで:
エラーメッセージ:
jQuery をバンドルに含めたくないので、npm では jQuery はインストールされません。
require('jquery')
ここでの問題は、解決されていない呼び出しがあることだと思いjquery.cookie.js
ます。
browserify-shim を使用してグローバル jQuery インスタンスの存在をプラグインに「偽装」するにはどうすればよいですか?
注意: jQuery は多くのバンドルに組み込まれるため、このソリューションは私のニーズを満たしていません。