WebStorm 2018.1 Help

Content Root

On this page:


In WebStorm, content is a collection of files with which you are currently working, possibly organized in a hierarchy of subfolders. The folder which is the highest in this hierarchy is called the content root folder or content root (shown as folder) for short. A project has at least one content root folder which by default is the project folder itself.

Having several content roots enables you to work with files from several directories that do not have a common immediate parent. This is helpful when you use static contents, for example, icons. You can just save them all in a folder and then specify this folder as an extra content root in several projects.

Content root types

By default, all the files in a content root folder are involved in indexing, searching, parsing, code completion, etc. To change this status, folders within a content root can be assigned to the following categories:

  • Test source roots (or test source folders; shown as Tests root ).
  • Resource roots (or resource folders; shown as Resources root ).

    By assigning a folder to this category, you tell WebStorm that files in it and in its subfolders can be referenced relative to this folder instead of specifying full paths to them.

  • Excluded roots (shown as Excluded root ) are ones that WebStorm "almost ignores".

    These roots contain files and folders ignored by WebStorm when indexing, searching, parsing, watching etc.

    Excluded roots are not visible to WebStorm. Usually, one would like to exclude temporary build folders, generated output, logs, and other project output. Excluding the unnecessary paths is a good way to significantly improve performance.

Last modified: 20 July 2018

See Also