Как сделать решение IntelliJ IDEA для веб-пакета требуется из каталога node_modules?

IntelliJ не может разрешать модули javascript, вызванные с помощью webpack, которые не входят в каталог 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 выглядит счастливым с "реакциями/дополнениями", как понять источники для навигации, завершения кода и поиска документации для "компонентов/одного" и "утилиты/инструмента"?

Я пробовал до сих пор:

  • добавление package.json внутри src (npm init)
  • добавление src в качестве библиотеки Javascript в настройках/Языки и рамки, следующие за этим https://www.jetbrains.com/idea/help/configuring-javascript-libraries.html
  • имитирует что-нибудь ниже .idea, относящееся к node_modules

Но пока не повезло. Спасибо.

Ответы

Ответ 1

Я думаю, что это должно работать (или так оно и было в моем случае).

В IntelliJ:

  • Откройте проект
  • File > Project Structure
  • С левой стороны выберите Modules
  • В структуре каталогов выберите папки, в которых находятся ваши источники (util и src), и пометьте их как Ресурсы
  • Нажмите Apply

Теперь вы должны иметь завершение кода и документацию.