我应该在哪里放置一个脚本在React/Redux中?

问题描述:

我是非常新的反应/ 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因为我还没有写任何代码,所以我更新了这篇文章的更多细节。 –

您可以添加客户端的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