Before you start
Download and install Node.js.
Configuring webpack in RubyMine
Make sure webpack is listed in the
devDependenciesobject of your package.json.
If webpack is missing, open the embedded Terminal (Alt+F12) and type:
npm install --save-dev webpack
Create a configuration file in the project root or elsewhere (webpack official website.). Learn more from the
Specify the webpack configuration file to use. By default, RubyMine analyses the webpack configuration file in the root of the project.
To use another webpack configuration file, in the Settings/Preferences dialog Ctrl+Alt+S, go to and specify the location of the configuration file to use.
See also Getting Started on the webpack official website.
Editing a webpack configuration file
For webpack version 2 and later, RubyMine provides code completion and documentation look-up in the configuration object of webpack.config.js. Code completion is provided on the fly. To view documentation for a symbol, press Ctrl+Q.
The image below illustrates module resolution in a project where
react-color is an alias for the path './src/index.js'. RubyMine properly resolves the import from
react-color, provides navigation to it and completion for the exported symbols:
Debugging applications that use webpack