web-dev-qa-db-ja.com

IntelliJ IDEA webpackの必要性をnode_modulesディレクトリから解決する方法は？

IntelliJは、node_modulesディレクトリ内にないwebpackrequiresで呼び出されたjavascriptモジュールを解決できません

このプロジェクト構造を想像してみてください。

`- 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」のドキュメントルックアップのソースを理解する方法に満足しているように見えますか？

私はこれまで試しました：

しかし、今のところ運がありません。ありがとう。

javascriptintellij-ideareactjswebpackreact-jsx
18
Alfonso de la Osa

私はこれがうまくいくはずだと思います（または私の場合はとにかくうまくいきました）。

IntelliJの場合：

  1. プロジェクトを開く
  2. File> Project Structure
  3. 左側で、Modulesを選択します
  4. ディレクトリ構造から、ソースが存在するフォルダー（utilおよびsrc）を選択し、それらをResourcesとしてマークします。
  5. Applyをクリックします

コード補完とドキュメントが利用可能になっているはずです。

4
edwarddamato