ProvidePlugin:自动加载模块,而不必到处 import
或 require
。(点击查看官方文档)
使用方法:
配置 webpack.config.js文件里 plugins 属性
new webpack.ProvidePlugin({
identifier: 'module-name',
// ...etc
});
知识兔示例用法:
new webpack.ProvidePlugin({
'_': 'lodash'
});
知识兔配置完以后就可以在代码里直接使用 _ ,而不再需要 import
注意:(如果不配置eslint,浏览器就会报错:'_' is not defined no-undef)
配置 package.json 里 eslintConfig 属性(或者在.eslintrc.js文件里进行配置 全局变量 global):(注意package.json里不允许注释)
: {
"globals": {
"_": true,
// ...etc.
}
}
知识兔对于 ES2015 模块的 default export,你必须指定模块的 default 属性:
new webpack.ProvidePlugin({
identifier: ['module-name', 'property'],
// ...etc.
});
知识兔示例:
new webpack.ProvidePlugin({
Vue: ['vue/dist/vue.esm.js', 'default']
});
知识兔