2017-03-23 23 views
0

<script src="https://checkout.stripe.com/checkout.js"></script>をIndex.htmlに追加する代わりに、このJSファイルのURLをpackage.jsonファイルに追加することができます(これはNPMパッケージではなく単純なJSファイルで、このJS- GitHub URLではないファイル)をNPMにダウンロードしてインストールしますか?その理由は、使用されているすべてのJSファイルの処理を行うWebpack設定があるからです。このWebpack処理に外部のJSファイル(NPMパッケージではない)を含める方が良いかもしれません。JSMファイル(NPMパッケージではない)をNPMからURLでダウンロードしてインストールすることはできますか?

答えて

2

Webpackを既に使用している場合は、little-loaderのようなものを使用することを検討してください。

npm i little-loader --save 

そして、あなたのコード

var load = require("little-loader"); 

load("https://checkout.stripe.com/checkout.js", function (err) { 
    // ... your code ... 
}); 

にあなたは同様に他のanswersからいくつかのより多くのインスピレーションを得ることができます。 WebPACKのissues

私はメンテナがこのアプローチを示唆して参照してください。

var $script = require("scriptjs"); 
$script("https://checkout.stripe.com/checkout.js", function() { 
    //.... your code ... 
}); 

しかし、そのパッケージには、ビットメンテナンスされていないに見えます。

終わりには、それをHTMLに残しておくだけです。必ずしも悪いことではありません。

+0

私はそれを得ました。あなたは、JSコードから外部JSファイルをダウンロードする方法について話しています。しかし、Webpackが外部のJSファイルを取得してvendor.jsに追加する方法を教えてください。 – osya

+0

私が気付いていることは、Webpackが 'node_modules'であなたのスクリプトを探すか、' ./../ 'のようなパスを指定することです。 /../../ my-script.js'。場合によっては、npmにスクリプトを公開したり、未公開のスクリプトをGithubリポジトリからフォークして自分で公開するほうが簡単です。ストライプを使用している場合は、オンラインバージョン(セキュリティアップデートを参照)を使用することをお勧めする理由があります。私はそのサードパーティのスクリプトを含める他の方法を探していないだろう、私はちょうど上記の方法のいずれかでワイヤーを介して呼び出すだろう。 – Nobita

関連する問題