自动加载模块,而不必到处 import
或 require
。
--- ----------------------- ----------- ---------- -- --- --
or
--- ----------------------- ----------- ----------- ------------- -- --- --
任何时候,当 identifier
被当作未赋值的变量时,module
就会自动被加载,并且 identifier
会被这个 module
输出的内容所赋值。(模块的 property
用于支持命名导出(named export))。
W> 对于 ES2015 模块的 default export,你必须指定模块的 default 属性。
使用:jQuery
要自动加载 jquery
,我们可以将两个变量都指向对应的 node 模块:
--- ----------------------- -- --------- ------- -------- --
然后在我们任意源码中:
-- -- - ------ ---------- -- --- ------------------------------------ - ------- ------ ---------- --- -------------------------- --- ------ ----- ---- ----------------------------------------------------------------------------------- ---------------------------
new webpack.ProvidePlugin({ 'window.jQuery': 'jquery' })
--- ---------------------------- --------
new webpack.ProvidePlugin({ _map: ['lodash', 'map'] })
--- ----------------------------
new webpack.ProvidePlugin({ Vue: ['vue/dist/vue.esm.js', 'default'] })