如何使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 ）并将其标记为Resources
5. 单击“ Apply

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