如何在Webpack构建的应用程序中导入不在npm注册表上的库?

雕刻

我有一个使用Webpack进行编译的用Typescript编写的React应用程序。到目前为止,我可以通过import关键字从node_modules导入库

但是,有一些我想使用的库不在npm注册表中。因此,我无法对这些库进行npm安装。例如,Papa Parse是我无法找到其npm软件包的一种。他们通常只提供一个缩小的js文件,我不能仅仅导入到我的Typescript文件中。

对于使用webpack进行构建的应用程序,如何使用代码中npm注册表中未包含的库?

麦克·麦格

对于没有npm软件包的任何内容,您都必须下载文件并将其放在项目中的某个位置-我建议将其放在名为vendor的目录中lib

import语句可以使用您要使用的模块的相对路径,因此它应该很简单,例如,如果您将第三方模块放在中vendor/some-lib.js,则可以使用以下命令导入它:

// src/foo.js
import './../vendor/some-lib';

如果想花哨的话,可以resolve.alias在webpack配置中使用它,这样就不必计算相对路径。

// webpack.config.js
const path = require('path');

// ...
resolve: {
  alias: {
    vendor: path.resolve(__dirname, 'vendor')
  }
},

// src/foo.js
import 'vendor/some-lib';

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在 Web 应用程序部署期间在注册表中添加新的时区?

安装VB.net应用程序时如何在注册表中写入值?

沙箱注册表应用程序

如何在Angular 2 Webpack应用程序中导入jQuery ui touch Punch?

如何在我的React应用程序中导入JS库?

如何在Windows窗体应用程序vc ++中导入C静态库

如何在Android应用程序中导入包和库

如何在C#应用程序中导入JsonConvert?

如何在我的应用程序中导入linkedin sdk?

在Windows注册表中注册应用程序

如何在webpack中使用angular-cli在angular2应用程序中导入xml2js

如何在不将程序包发布到npm注册表的情况下,将依赖于纱线工作区的应用程序部署到Google App Engine?

RuntimeException:在注册表中找不到应用程序“”。

删除应用程序注册表是否安全?

如何检查Windows注册表在.NET Core应用程序中是否可用?

如何使用私有 docker 注册表分发自托管应用程序?

如何确定应用程序使用哪个注册表值?

如何使用Docker Hub注册表部署到Azure Web应用程序容器

如何通过注册表隐藏/禁用特定的应用程序桌面快捷方式?

使用Webpack在TypeScript React应用程序中导入SVG

如何在Rails应用程序上注册serviceWorker?

在应用程序中导入本地库和文件

Wix安装程序使用Update上的默认应用程序路径,而不是按预期方式从注册表中使用

不在mobilefirst上注册离子应用程序以使用

如何在Linux上构建BlackBerry应用程序?

注册表 - 无法理解 Windows 如何确定哪个应用程序将打开某个扩展程序

如何在控制台应用程序中导入 VisualBasic.MyServices?

如何在我的Aurelia应用程序中导入软件包

如何在React Typescript应用程序中导入react-admin?