2017-10-07 17 views
0

私は非常に反応しています/ redux/nodeと私は最近それらを学び始めました。React/Reduxにスクリプトを配置する場所はどこですか?

OpenPGP.JSを使用して暗号化と復号化機能を提供するアプリケーションを作成しようとしています。アプリケーション内の特定のコンポーネントは、暗号化のためにOpenPGP.jsライブラリを使用するスクリプトを呼び出す必要があるかもしれませんが、スクリプトをどこに置くかについてはわかりません。

編集:以下は現在のツリー構造です。

├── LICENSE.MD 
├── README.md 
├── index.html 
├── package-lock.json 
├── package.json 
├── src 
│   ├── actions 
│   │   └── index.js 
│   ├── components 
│   │   └── app.js 
│   ├── index.js 
│   └── reducers 
│    └── index.js 
├── style 
│   └── style.css 
├── test 
│   ├── components 
│   │   └── app_test.js 
│   └── test_helper.js 
└── webpack.config.js 

すべてのポインタが役立ちます。

Workflow

+0

アプリと共にバンドルすることができます。スクリプトタグとして含めることができます。依存する – dfsq

+0

このスクリプトは何ですか?あなたは何を達成しようとしていますか?アプリケーションのコードを含めることはできますか? –

+0

@GhassenLouhaichi私はまだコードが書かれていないので、私はポストをより詳細に更新しました。 –

答えて

1

あなたのpackage.jsonにクライアントJavaScriptを追加して、NPMまたは糸でそれらをインストールすることができます。あなたのディレクトリ構造は、openpgpがどこにあるかを示していませんが、node_modulesになければなりません(あなたのディレクトリ構造にもありません)。

あなたはあなただけ(documentedなど)NPMまたは糸でそれをインストールすることができWebPACKのを使っているので:

npm install --save openpgp 

は、次にあなたのスクリプトで、それを必要とする:

require openpgp from "openpgp" 

ためのWebPACKが言っている場合github repoがdist/openpgp.jsを指している場合、distの代わりにsrcディレクトリを指すwebpack.config.jsにresolveを追加しようとする可能性があります。

+0

javascriptコード(OpenPGPのラッパー/ util関数)はどこで記述しますか? –

+0

@RahilParikhこれまでどおりにしたいことがあります。あなたはそれをutilまたはserviceに入れ、必要な機能をエクスポートすることができます。アクションハンドラは、そのutilまたはservice関数をインポートできます。あるいは、メインアプリケーションでそれをインポートし、アクションハンドラのinit関数への依存として渡します。そうすれば、テストのための模擬や他のモジュールとの置き換えが容易になります。 – HMR

関連する問題