我有一个使用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] 删除。
我来说两句