webpack 插件 ProvidePlugin 的使用方法和 eslint 配置

507 阅读1分钟
使用方法:
配置 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文件里进行配置 全局变量 globals)
[url=][/url]

"eslintConfig": { "globals": { "_":
true
,
//
...etc.
//
注意package.json里不允许注释
}}
[url=][/url]



对于 ES2015 模块的 default export,你必须指定模块的 default 属性:
new
webpack.ProvidePlugin({ identifier: ['module-name', 'property'],
//
...etc.
});


示例:
new
webpack.ProvidePlugin({ Vue: ['vue/dist/vue.esm.js', 'default']});