Javascript 将npm包中的dist文件添加到生成
我在基于react的项目中使用。我提供了一个nodejs和一个浏览器版本的库。浏览器版本可从中获得,这也是我将此库添加到react应用程序的方式-我只是将poweredup.js包含在index.html中的脚本标记中 我可以看到节点poweredup模块在其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目录中,
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()一样使用它代码>。投票表决以缓解标签混淆。