如何消除IntelliJ中Webpack Shimming的“引用UMD全局变量”警告?
消除IntelliJ中Webpack ProvidePlugin全局变量警告的方法
方法1:添加全局类型声明文件
在项目根目录新建typings文件夹(无则创建),在其中创建lodash-global.d.ts文件,写入以下内容:
declare const _: typeof import('lodash');
若项目是JavaScript项目,需创建jsconfig.json;TypeScript项目则修改tsconfig.json,确保声明文件被识别:
{ "compilerOptions": { "typeRoots": ["./node_modules/@types", "./typings"] } }
IntelliJ会通过该声明识别_为全局变量,消除警告。
方法2:在文件顶部添加全局变量注释
直接在使用_的文件(如index.js)顶部添加注释,明确告知IDE该变量为全局变量:
/* global _ */ function component() { const element = document.createElement('div'); element.innerHTML = _.join(['sups2er', 'web3pack'], ' '); return element; }
这种方式适合单个文件快速解决问题。
方法3:配置IntelliJ的JavaScript库
- 打开IntelliJ设置(Windows/Linux按
Ctrl+Alt+S,Mac按Cmd+,) - 进入
Languages & Frameworks > JavaScript > Libraries - 点击
Download...,搜索lodash并下载对应类型库 - 下载完成后,在项目库列表中勾选
lodash - 重启IDE,警告即可消失
内容的提问来源于stack exchange,提问作者Kotlin Ken
相关产品推荐
相关产品推荐

