如何使用webpack按顺序导入模块？

Question

我使用webpack导入Leaflet.VectorGrid，这需要pbf。 pbf库将提供全局变量Pbf，而Leaflet.VectorGrid的作者只是假设存在全局变量Pbf。所以我需要按顺序导入这两个库：

import 'pbf';
require('node_modules/leaflet.vectorgrid/dist/Leaflet.VectorGrid.js');

但该应用程序抛出错误ReferenceError: Pbf is not defined。事实证明，在webpack生成的app.bundle.js中，无论导入顺序如何，pbf库的代码都放在Leaflet.VectorGrid代码的后面。

可能相关的事实：pbf是devDependency，而不是package.json Leaflet.Vector中的依赖项。

Answer 1

它需要库{{1}}中的显式依赖声明。这样webpack可以找出正确的导入顺序。