title: add a symlink to module from project's node_modules
body: <p>I have a scss folder outside of /src folder in my project structure this is why react angry with bu</p>
  
  <pre><code>Failed to compile.
  
  ./src/index.js
  Module not found: You attempted to import ../scss/style.scss which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to
  it from project's node_modules/.
  </code></pre>
  
  <p>here is my index.js file:</p>
  
  <pre><code>import '../scss/style.scss'
  
  
  ReactDOM.render(
  &lt;HashRouter&gt;
      &lt;Switch&gt;
          &lt;Route path="/" name="Home Page" component={Full}/&gt;  
      &lt;/Switch&gt;
  &lt;/HashRouter&gt;, 
      document.getElementById('root'));
  registerServiceWorker();
  </code></pre>
  
  <p>and this is the content of style.scss file:</p>
  
  <pre><code>// Override Boostrap variables
  @import "bootstrap-variables";
  
  // Import Bootstrap source files
  @import "node_modules/bootstrap/scss/bootstrap";
  
  // Override core variables
  @import "core-variables";
  
  // Import core styles
  @import "core/core";
  
  // Custom styles
  @import "custom";
  </code></pre>
  
  <p>I searched a lot and understood its not allowed to import it outside of /src directory.. how can I "<strong>add a symlink</strong>" as react suggest me to do or how can I fix it other way?</p>
  
  <p><strong>EDITED</strong>: if i move scss into /src folder:</p>
  
  <pre><code>./src/scss/style.scss
  Module build failed:
  undefined
  ^
        File to import not found or unreadable: bootstrap.
  Parent style sheet: stdin
        in D:\Repositories\facereco\src\scss\style.scss (line 14, column 1)
  </code></pre>