Log errors with correct context

Allow webpack to print verbose error logs,
including the error context (in case of parse errors).

Author: nikku

index.js

@@ -9,22 +9,21 @@ module.exports = function(source, map) {
 
   try {
     let { code, map } = compile(source, {
-      // name: CamelCase component name
       filename: filename,
       format: query.format || 'es',
       name: query.name,
       onerror: (err) => {
-        console.log(err.message);
-        this.emitError(err.message);
+        this.emitError(err);
       },
       onwarn: (warn) => {
-        console.log(warn.message);
-        this.emitWarn(warn.message);
+        this.emitWarn(warn);
       }
     });
 
     this.callback(null, code, map);
   } catch (err) {
-    this.callback(err);
+    // wrap error to provide correct
+    // context when logging to console
+    this.callback(new Error(err.toString()));
   }
 };

test/fixtures/bad.html

@@ -1,2 +1,2 @@
-<p>Count: {{count}}</p>
-<button on::click='set({ count: count + 1 })'>+1</button>
+<p>Count: {{{count}}</p>
+<button on:click='set({ count: count + 1 })'>+1</button>

test/loader.spec.js

@@ -19,17 +19,19 @@ describe('loader', function() {
 
     return function() {
 
+      const fileContents = readFile(fileName);
+
       const cacheableSpy = spy(function() { });
 
       const callbackSpy = spy(callback);
 
-      const fileContents = readFile(fileName);
-
       loader.call({
         cacheable: cacheableSpy,
         callback: callbackSpy,
+        emitWarn: function(warning) {},
+        emitError: function(e) {},
         filename: fileName,
-        query: query,
+        query,
       }, fileContents, null);
 
       expect(callbackSpy).to.have.been.called;
@@ -49,9 +51,17 @@ describe('loader', function() {
 
 
   it('should compile bad',
-    testLoader('test/fixtures/bad.html', function(err, code, map) {
+    testLoader('test/fixtures/bad.html', function(err, code, map, context) {
+
       expect(err).to.exist;
 
+      expect(err.message).to.eql(
+        'Expected }}} (1:18)\n' +
+        '1: <p>Count: {{{count}}</p>\n' +
+        '                     ^\n' +
+        '2: <button on:click=\'set({ count: count + 1 })\'>+1</button>'
+      );
+
       expect(code).not.to.exist;
       expect(map).not.to.exist;
     })