ProvidePlugin
ProvidePlugin
自动加载模块，而不必到处import或require它们。
new webpack.ProvidePlugin{
identifier: 'module1',
// ...
})
要么
new webpack.ProvidePlugin{
identifier: ['module1', 'property1'],
// ...
})
任何时候，当 identifier 被当作未赋值的变量时，module 就会自动被加载，并且 identifier 会被这个 module 输出的内容所赋值。（模块的 property 用于支持命名导出(named export)）。
为了导入ES2015模块的默认导出，您必须指定模块的默认属性。
使用: jQuery
要自动加载 jquery，我们可以将两个变量都指向对应的 node 模块：
new webpack.ProvidePlugin{
$: 'jquery',
jQuery: 'jquery'
})
然后在我们的任何源代码中：
// in a module
$('#item' // <= just works
jQuery('#item' // <= just works
// $ is automatically set to the exports of module "jquery"
使用：jQuery 和 Angular 1
Angular 会寻找 window.jQuery 来决定 jQuery 是否存在, 查看源码。
new webpack.ProvidePlugin{
'window.jQuery': 'jquery'
})
new webpack.ProvidePlugin{
_map: ['lodash', 'map']
})
new webpack.ProvidePlugin{
Vue: ['vue/dist/vue.esm.js', 'default']
})
