javascript - 如何让 IntelliJ IDEA 解析 node_modules 目录中的 webpack 需求？

Question

IntelliJ 无法解析使用 webpack require 调用的 javascript 模块，这些模块不在 node_modules 目录内

想象一下这个项目结构:

`- project
   |- node_modules
   |  `- react
   |     `- addons.js
   |- webpack.config.js
   |- util
   |  `- tool.js
   `- src
      |- components
      |  `- uno.jsx
      `- two.jsx

这是我的 webpack 配置

// webpack.config.js
var path = require('path'); 
module.exports = {
  resolve: {
    root: [
      path.resolve('./src'),
      path.resolve('./')
    ]
  }
  ...
}

这就是我使用 webpack 的 require 的方式

// two.js
var React = require('react/addons');
var One = require('components/one');
var Tool = require('util/tool');
// dosomething

所以这在我的应用程序中完美运行，并且 IntelliJ 看起来对“react/addons”很满意，如何理解“components/one”和“util/tool”的导航、代码完成和文档查找的来源？

到目前为止我已经尝试过:

• 在 src 中添加 package.json (npm init)
• 在设置/语言和框架中添加 src 作为 Javascript 库 https://www.jetbrains.com/idea/help/configuring-javascript-libraries.html
• 模仿 .idea 以下与 node_modules 相关的任何内容

但到目前为止还没有运气。谢谢。

Answer 1

我认为这应该可行(至少在我的情况下确实如此)。

在 IntelliJ 中:

1. 打开项目
2. 文件 > 项目结构
3. 在左侧选择模块
4. 从目录结构中，选择源所在的文件夹(util 和 src)并将其标记为资源
5. 点击应用

您现在应该可以使用代码完成和文档。