Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将npm包中的dist文件添加到生成_Javascript_Reactjs_Yarnpkg - Fatal编程技术网

Javascript 将npm包中的dist文件添加到生成

Javascript 将npm包中的dist文件添加到生成,javascript,reactjs,yarnpkg,Javascript,Reactjs,Yarnpkg,我在基于react的项目中使用。我提供了一个nodejs和一个浏览器版本的库。浏览器版本可从中获得,这也是我将此库添加到react应用程序的方式-我只是将poweredup.js包含在index.html中的脚本标记中 我可以看到节点poweredup模块在其dist/browser文件夹中有一个相同的文件(node\u modules/node poweredup/dist/browser/poweredup.js)。在运行warn build时,如何将这个js文件复制到我的build目录中,

我在基于react的项目中使用。我提供了一个nodejs和一个浏览器版本的库。浏览器版本可从中获得,这也是我将此库添加到react应用程序的方式-我只是将poweredup.js包含在index.html中的脚本标记中

我可以看到节点poweredup模块在其
dist/browser
文件夹中有一个相同的文件(
node\u modules/node poweredup/dist/browser/poweredup.js
)。在运行
warn build
时,如何将这个js文件复制到我的build目录中,以便我可以使用这个文件而不是来自CDN的文件


我有一个用
创建react app
创建的标准react app,请尝试正常导入。卸下CDN。react脚本将在生成期间打包该文件

如果问题仍然存在,请将整个目录node_modules/node poweredup复制到node_modules外部,然后执行绝对导入

import * from './node-poweredup/${path}'
提供模块所在位置的路径


或者,最好下载CDN并使用script标记在index.js中导入

我不确定我是否完全不理解,但您是否尝试过:从“node pweredup/dist/browser/poweredup.js”导入poweredup?或者只导入'node poweredup/…rest_of_file'——如果您不想使用实际导入的文件,而只是将其包含在bundleThanks中,那么第二个选项将使我走上正确的道路。我使用的是typescript,我可以执行
导入“节点poweredup/dist/browser/poweredup.js”
,然后像
const poweredup=new window.poweredup.poweredup()一样使用它。投票表决以缓解标签混淆。