2017-08-21 5 views
0

私はJQueryを中心にJavaScriptを使った経験があります。Djangoテンプレートでnpm経由でインストールされたJavaScriptライブラリを使用しています

私が構築しているDjangoプロジェクトでは、通常、私はJQコードをDjangoテンプレートにインポートします。つまり、<script type="text/javascript" src="{{ STATIC_URL }}js/preloader.js"></script>です。

今私はnpm経由でインストールされていますJSライブラリを使用する必要があります。特にこれはgithub.com/brunobar79/J-I-Cです。クライアント側でアップロードされたユーザーを圧縮してサーバーにアップロードするのが仕事です。例えば。私はtarget_img.src = jic.compress(source_img,quality,output_format).src;を行うことができます。

しかし、テンプレートでこの圧縮メソッドをどのように呼び出すのですか?

と同様に、どのようにインポートするのですか?ライブラリのコードを別のファイルにダンプし、<script type="text/javascript" src="{{ STATIC_URL }}js/JIC.min.js"></script>でインポートする必要がありますか?

私はそれを行うとしたら、なぜ全くnpmを経由してライブラリをインストール?

私は、このドメイン内の私の知識が初歩的で、言ったように。私のコンセプトをクリアする実例を得ることは素晴らしいことでしょう。

答えて

1

ノードパッケージのライブラリは、通常public/bundle.jsファイルにバンドルされています。このためには、などbrowserify/webpack/rollupのようなバンドラが必要

またbundle.jsファイルにすべてのあなたのjsファイルをバンドルと思われる、デプロイメントパイプラインでnpmと、別のバンドルステップを作成する必要があります。あなたがいない重いJSアプリをすれば


しかし、あなただけ手動で静的フォルダのどこかにmin.jsファイルを置くことができます。

+0

我々は同じページにしているだけように、あなたはそれが大きすぎないなら、私は実質的に、私は私のjQueryのコードを輸入してきたのと同じ方法を使用することができることを意味ですか? –

+0

@HassanBaigはい、これは私が最後の行で意味することです – webdeb

関連する問題