如何用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，而不是Leaflet.Vector的package.json的依赖项。

Answer 1

它需要在库的package.json中显式依赖声明。这样webpack可以找出正确的导入顺序。