我有一个使用WebScript进行编译的用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] 删除。
我来说两句