![](/img/trans.png)
[英]npm wont start a react app, requires a dependency: "webpack-dev-server": "3.1.14"
[英]NPM dependency that imports/requires from the app's root
假设我创建了一个名为App
的应用App
。 它安装了一个名为package
的npm依赖项。
现在,假设package
要求App
具有以下文件结构:
在App/node_modules/package/index.js
,它需要导入/获取位于App/folder/file.js
。
例如:
import File from "../../folder/file";
这是最好的方法吗? 有什么方法可以在导入中引用应用程序的根目录,而不需要使用../../
吗?
不,这不是最好的方法。 模块不应来自其用户。
请改用依赖项注入-让用户为您传递所需的对象:
包/ index.js
let File = null;
function init (fileModule) {
File = fileModule;
}
export init;
// ...
这样,您可以从主应用程序传递File
对象:
应用/ index.js
import { init } from 'package';
import File from './folder/file';
init(File);
您将如何设计API以传递“中间件”。 以上仅是一个建议。 您可以将其作为参数传递给构造函数,例如:
const package = new Package(File);
实际上,这就是Express等框架的工作方式。 它允许Express在不知道代码结构的情况下进行扩展:
app.use(someMiddleware); // Express never "requires" your middleware
// instead it allows you to pass middleware to itself
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.