Javascript 网页包按变量动态要求npm模块
我找不到一种方法来通过变量动态地要求NPM模块 这是我正在尝试做的一个示例代码,除了动态导入NPM模块外,一切都很好Javascript 网页包按变量动态要求npm模块,javascript,npm,webpack,Javascript,Npm,Webpack,我找不到一种方法来通过变量动态地要求NPM模块 这是我正在尝试做的一个示例代码,除了动态导入NPM模块外,一切都很好 const firstModule = 'my-npm-module'; const secondModule = './MyReactComponent'; // NPM Module import(firstModule).then(...); // Doesn't work import('my-npm-module').then(...); // Works // L
const firstModule = 'my-npm-module';
const secondModule = './MyReactComponent';
// NPM Module
import(firstModule).then(...); // Doesn't work
import('my-npm-module').then(...); // Works
// Local React Component
import(secondModule).then(...); // Works
import('./MyReactComponent').then(...); // Works
从“动态导入”对话框:
完全动态语句(如导入(foo))将失败,因为
webpack至少需要一些文件位置信息。这是
因为foo可能是系统中任何文件的任何路径
或项目。import()必须至少包含有关
模块所在的位置,因此捆绑可以限制在特定的位置
目录或文件集
您最好的选择可能是不对节点\ u模块中的任何内容使用动态加载,或者向模块添加显式路径,例如
import(`./node_modules/${firstModule}/index.js`);