title: Neutrinojs/vue project: Importing vue files/templates from root folder
body: <p>I want to import starting from the root folder, not go several folders down.
  How do I do that?</p>
  
  <p>I come across this issue while trying to import a guestbook (like it's 1999) script for my homepage.</p>
  
  <p><code>import MyGuestbook from '../../components/MyGuestbook.vue'</code> compiles.</p>
  
  <p><code>import MyGuestbook from '/src/components/MyGuestbook.vue'</code> doesn't.</p>
  
  <p><code>import MyGuestbook from '@/components/MyGuestbook.vue'</code> doesn't either.</p>
  
  <p><em>GuestBookPage.vue</em></p>
  
  <pre><code>&lt;template&gt;
  &lt;div&gt;
      &lt;MyGuestbook /&gt;
  &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import MyGuestbook from '../../components/MyGuestbook.vue'
  
  export default {
    name: 'GuestbookPage',
    components: {
      MyGuestbook
    }
  };
  &lt;/script&gt;
  </code></pre>
  
  <p><em>MyGuestbook.vue</em></p>
  
  <pre><code>&lt;template&gt;
    &lt;/div&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script src="non-editable-comments-v0.1.0.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    window.safeComments('CommentTitle', 'CommentTargetID');
  
    export default {
      name: 'MyGuestbook'
    };
  &lt;/script&gt;
  </code></pre>
  
  <p>[update]</p>
  
  <p>I understand that I need to use webpack, but my project uses neutrinojs/vue (Recommended for the type of project) in combination with webpack. I'm not familiar with either of them. So far adding a <em>webpack.config.js</em> has not worked.</p>
  
  <p><em>webpack.config.js</em></p>
  
  <pre><code>module.exports = {
    resolve: {
      extensions: [
        '.js', '.vue', '.json'
      ],
      alias: {
        '@': resolve('src'),
        '@root': resolve('.')
      }
    }
  };
  </code></pre>
  
  <p>Nor has editing <em>.neutrinorc.js</em></p>
  
  <pre><code>module.exports = {
    use: [
      '@neutrinojs/standardjs',
      [
        '@neutrinojs/vue',
        {
          html: {
            title: 'MySite'
          }
        }
      ],
      '@neutrinojs/jest',
      (neutrino) =&gt; {
        neutrino.config.resolve.extensions
          .add('.js')
          .add('.json')
          .add('.vue');
  
        neutrino.config.resolve.alias
        .set('@', 'src')
        .set('@root', '.');
      }
    ]
  };
  </code></pre>
  
  <p>the error:</p>
  
  <pre><code>ERROR in ./node_modules/@neutrinojs/compile-loader/node_modules/babel-loader/lib?{"cacheDirectory":true,
  "plugins":[["/home/folatt/Cloud/workspace/atom/Sites/MySite/node_modules/fast-async/plugin.js",
  {"spec":true}],
  "/home/folatt/Cloud/workspace/atom/Sites/MySite/node_modules/babel-plugin-syntax-dynamic-import/lib/index.js",
  "/home/folatt/Cloud/workspace/atom/Sites/MySite/node_modules/babel-plugin-transform-object-rest-spread/lib/index.js"],
  "presets":[["/home/folatt/Cloud/workspace/atom/Sites/MySite/node_modules/babel-preset-env/lib/index.js",
  {"debug":false,"modules":false,
  "useBuiltIns":true,"exclude":["transform-regenerator",
  "transform-async-to-generator"],
  "targets":{"browsers":[
  "last 2 Chrome versions",
  "last 2 Firefox versions",
  "last 2 Edge versions",
  "last 2 Opera versions",
  "last 2 Safari versions",
  "last 2 iOS versions"]}}]]}!.
  /node_modules/vue-loader/lib/selector.js?type=script&amp;index=0!./src/docs/7.forum/GuestbookPage.vue
  Module not found: Error: Can't resolve '@/components/YroGuestbook.vue' in '/home/folatt/Cloud/workspace/atom/Sites/MySite/src/docs/7.forum'
   @ ./node_modules/@neutrinojs/compile-loader/node_modules/babel-loader/lib?{"cacheDirectory":true,
  "plugins":[["/home/folatt/Cloud/workspace/atom/Sites/MySite/node_modules/fast-async/plugin.js",
  {"spec":true}],
  "/home/folatt/Cloud/workspace/atom/Sites/MySite/node_modules/babel-plugin-syntax-dynamic-import/lib/index.js",
  "/home/folatt/Cloud/workspace/atom/Sites/MySite/node_modules/babel-plugin-transform-object-rest-spread/lib/index.js"],
  "presets":[["/home/folatt/Cloud/workspace/atom/Sites/MySite/node_modules/babel-preset-env/lib/index.js",
  {"debug":false,"modules":false,"useBuiltIns":true,
  "exclude":["transform-regenerator","transform-async-to-generator"],
  "targets":{"browsers":["last 2 Chrome versions",
  "last 2 Firefox versions",
  "last 2 Edge versions",
  "last 2 Opera versions",
  "last 2 Safari versions",
  "last 2 iOS versions"]}}]]}!.
  /node_modules/vue-loader/lib/selector.js?type=script&amp;index=0!./src/docs/7.forum/GuestbookPage.vue 8:0-57
   @ ./src/docs/7.forum/GuestbookPage.vue
   @ ./src/router/index.js
   @ ./src/index.js
   @ multi ./node_modules/webpack-dev-server/client?http://localhost:5000 ./node_modules/@neutrinojs/web/node_modules/webpack/hot/dev-server.js ./src/index
  </code></pre>