Come risolvere la risoluzione di IntelliJ IDEA richiede il webpack dalla directory node_modules?

Question

IntelliJ non può risolvere javascript moduli chiamati con webpack richiede che non si trovano all'interno del node_modules directory

Immaginate questo struttura del progetto:

`- project 
    |- node_modules 
    | `- react 
    |  `- addons.js 
    |- webpack.config.js 
    |- util 
    | `- tool.js 
    `- src 
     |- components 
     | `- uno.jsx 
     `- two.jsx 

Questo è il mio webpack config

// webpack.config.js 
var path = require('path'); 
module.exports = { 
    resolve: { 
    root: [ 
     path.resolve('./src'), 
     path.resolve('./') 
    ] 
    } 
    ... 
} 

Ed è così Uso il webpack richiede

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

Quindi questo funziona perfettamente all'interno della mia applicazione, e IntelliJ sembra felice con 'react/addons', come capire i sorgenti per la navigazione, il completamento del codice e la ricerca della documentazione per 'components/one' e 'util/tool'?

io ho provato finora:

• l'aggiunta di un package.json all'interno src (NPM init) src
• aggiungendo come una libreria JavaScript in Impostazioni/Lingue & Frameworks seguendo questo https://www.jetbrains.com/idea/help/configuring-javascript-libraries.html
• mima qualsiasi cosa sotto .idea relativa a node_modules

Ma nessuna fortuna finora. Grazie.

Answer 1

Penso che questo dovrebbe funzionare (o almeno così è stato nel mio caso).

In IntelliJ:

1. Aprire il progetto
2. File>Project Structure
3. Sul lato sinistro, selezionare Modules
4. Dalla struttura di directory, selezionare le cartelle in cui le tue fonti sono (util e src) e contrassegnali come Risorse
5. Fare clic su Apply

Si dovrebbe avere il completamento del codice e la documentazione disponibile ora.