如何使IntelliJ IDEA解决webpack所需的node_modules目录？

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的需求

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

因此，这在我的应用程序中完美运行，并且IntelliJ对“反应/附加组件”感到满意，如何理解导航源，代码完成以及“组件/一个”和“实用程序/工具”的文档查找？

到目前为止，我已经尝试过：

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

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

Answer 1

我认为这应该有效（或者无论如何对我而言）。

在IntelliJ中：

1. 打开项目
2. File > Project Structure
3. 在左侧，选择 Modules
4. 从目录结构中，选择来源（util和src）所在的文件夹，并将其标记为“ 资源”。
5. 请点击 Apply

您现在应该具有代码完成和文档。