在webpack中引入UMD模塊,可以通過以下步驟:
安裝UMD模塊:使用npm或者yarn安裝需要的UMD模塊,例如:npm install umd-module
。
在webpack的配置文件中,配置externals屬性,指定UMD模塊的全局變量名和模塊名的映射關系。例如:
module.exports = {
// ...
externals: {
'umd-module': 'umdModuleName'
}
};
其中,umd-module
是UMD模塊的包名,umdModuleName
是模塊在全局變量中的名稱。
import
或者require
語句引入UMD模塊。例如:使用import
語句:
import umdModuleName from 'umd-module';
使用require
語句:
const umdModuleName = require('umd-module');
這樣就可以在webpack中引入UMD模塊了。