title: Absolute and relative path imports on React and Visual studio
body: <p>I've created a React app using create-react-app in VisualStudio. I'm trying to avoid having to use a bunch of <code>../../</code> in order to import my different components. Supposedly I should be able to use either the <code>jsconfig.json</code> file or <code>.env</code> files to setup <code>baseUrl</code> or <code>NODE_URL</code>. However, I'm clearly doing something wrong because I can't access my files. My file structure looks something like this:</p>
  
  <pre><code>+ClientApp
    package.json
    +public
    +src
      +buttons
        Button.js
      +components
        +sidebar
          Sidebar.js
          SidebarButton.js
  gulpfile.js
  package.json
  Program.cs
  Startup.cs
  </code></pre>
  
  <p>What I want to do is to import the button component inside <code>Button.js</code> in my <code>SidebarButton.js</code> file using something like <code>src/buttons/Button.js</code> or a similar path. However, I can't get the environment to start its lookup for files from the <code>src</code> directory. An absolute path will start the lookup from my C:\ directory and any relative lookup will start from the current directory of the js file doing the import</p>