2017-10-07 86 views
0

我是非常新的反應/ redux /節點,我最近開始學習它們。我應該在哪裏放置一個腳本在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

您可以添加客戶端的JavaScript到您的package.json,並與NPM或紗線安裝它們。你的目錄結構不顯示openpgp的位置,但它應該在node_modules中(也不在你的目錄結構中)。

由於您使用的WebPack你可以用NPM或紗線(如documented)安裝:

npm install --save openpgp 

然後需要在你的腳本:

require openpgp from "openpgp" 

如果抱怨的WebPack因github repo指向dist/openpgp.js,你可以嘗試在你的webpack.config.js中添加一個resolve,指向src目錄而不是dist。

+0

我在哪裏編寫javascript代碼(OpenPGP的wrapper/util函數)? –

+0

@RahilParikh你想去哪裏。你可以把它放在util或service中,並導出你想要的功能。您的操作處理程序可以導入該實用程序或服務功能。或者將其導入到主應用程序中,並將其作爲依賴項傳遞給操作處理程序的初始化函數,這樣可以更容易地嘲笑測試或更換其他模塊。 – HMR