如何使IntelliJ IDEA解析webpack需要在node_modules目录之外？

Question

IntelliJ无法解析使用webpack要求的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的要求

// 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
• 模仿与node_modules相关的.idea以下的任何内容

但到目前为止没有运气.谢谢.

Answer 1

我认为这应该有效（至少在我的情况下确实如此）。

在 IntelliJ 中：

1. 打开项目
2. File>Project Structure
3. 在左侧，选择Modules
4. 从目录结构中，选择源所在的文件夹 (util和src) 并将它们标记为资源
5. 点击Apply

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