title: I get following error when I import *.vue files without .vue extension?
body: <p>I get following error when I import a vue file without .vue extension .</p>
  
  <blockquote>
    <p>ERROR in
    ./~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&amp;index=0!./src/App.vue
    Module not found: Error: Can't resolve './components/Navbar'</p>
  </blockquote>
  
  <p>My web back configuration is as below</p>
  
  <pre><code>module: {
      rules: [
        {
          test: /\.vue$/,
          loader: 'vue-loader',
          options: {
            loaders: {
              // Since sass-loader (weirdly) has SCSS as its default parse mode, we map
              // the "scss" and "sass" values for the lang attribute to the right configs here.
              // other preprocessors should work out of the box, no loader config like this necessary.
              'scss': 'vue-style-loader!css-loader!sass-loader',
              'sass': 'vue-style-loader!css-loader!sass-loader?indentedSyntax'
            }
            // other vue-loader options go here
          }
        },
        {
          test: /\.js$/,
          loader: 'babel-loader',
          exclude: /node_modules/
        },
        {
          test: /\.(png|jpg|gif|svg)$/,
          loader: 'file-loader',
          options: {
            name: '[name].[ext]?[hash]'
          }
        }
      ]
    },
    resolve: {
  
      alias: {
        'vue$': 'vue/dist/vue.esm.js'
      }
    },
  </code></pre>