如何用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可以找出正確的導入順序。