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

Question

IntelliJ 无法解析 javascript 使用 webpack requires 调用的模块，这些模块不在 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 (npm init) 中添加一个 package.json
在https://www.jetbrains.com/idea/help/configuring-javascript-libraries.html
模仿 .idea 以下与 node_modules

但到目前为止运气不好。谢谢。

Answer 1

我认为这应该行得通（至少在我的情况下是这样）。

在 IntelliJ 中：

打开项目
File > Project Structure
在左侧，select Modules
根据您的目录结构，select您的资源所在的文件夹（util 和 src）并将它们标记为 Resources
点击Apply

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

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

How to make IntelliJ IDEA resolve webpack requires out of node_modules directory?

javascript

intellij-idea

reactjs

webpack

react-jsx