move source map logic into vue-loader

Author: yyx990803

lib/parser.js

@@ -1,19 +1,59 @@
 var compiler = require('vue-template-compiler')
 var cache = require('lru-cache')(100)
 var hash = require('hash-sum')
+var SourceMapGenerator = require('source-map').SourceMapGenerator
+
+var splitRE = /\r?\n/g
+var emptyRE = /^(?:\/\/)?\s*$/
 
 module.exports = function (content, filename, needMap) {
   var cacheKey = hash(filename + content)
   // source-map cache busting for hot-reloadded modules
   var filenameWithHash = filename + '?' + cacheKey
   var output = cache.get(cacheKey)
   if (output) return output
-  output = compiler.parseComponent(content, {
-    pad: true,
-    map: needMap
-      ? { filename: filenameWithHash }
-      : false
-  })
+  output = compiler.parseComponent(content, { pad: true })
+  if (needMap) {
+    if (output.script && !output.script.src) {
+      output.script.map = generateSourceMap(
+        filenameWithHash,
+        content,
+        output.script.content
+      )
+    }
+    if (output.styles) {
+      output.styles.forEach(style => {
+        if (!style.src) {
+          style.map = generateSourceMap(
+            filenameWithHash,
+            content,
+            style.content
+          )
+        }
+      })
+    }
+  }
   cache.set(cacheKey, output)
   return output
 }
+
+function generateSourceMap (filename, source, generated) {
+  var map = new SourceMapGenerator()
+  map.setSourceContent(filename, source)
+  generated.split(splitRE).forEach((line, index) => {
+    if (!emptyRE.test(line)) {
+      map.addMapping({
+        source: filename,
+        original: {
+          line: index + 1,
+          column: 0
+        },
+        generated: {
+          line: index + 1,
+          column: 0
+        }
+      })
+    }
+  })
+  return map.toJSON()
+}

package.json

@@ -36,6 +36,7 @@
     "object-assign": "^4.0.0",
     "postcss": "^5.0.10",
     "postcss-selector-parser": "^2.0.0",
+    "source-map": "^0.5.6",
     "vue-hot-reload-api": "^2.0.1",
     "vue-style-loader": "^1.0.0",
     "vue-template-compiler": "^2.0.0-alpha.2"

test/test.js

@@ -157,7 +157,7 @@ describe('vue-loader', function () {
   it('source map', function (done) {
     var config = Object.assign({}, globalConfig, {
       entry: './test/fixtures/basic.vue',
-      devtool: 'source-map'
+      devtool: '#source-map'
     })
     bundle(config, function (code) {
       var map = mfs.readFileSync('/test.build.js.map').toString()