feat: support chaining with other loaders for pre-processing (close #542)

Author: yyx990803

lib/loader.js

@@ -77,8 +77,8 @@ module.exports = function (content) {
       getLoaderString(type, part, index, scoped) +
       // select the corresponding part from the vue file
       getSelectorString(type, index || 0) +
-      // the url to the actual vuefile
-      filePath
+      // the url to the actual vue file, including remaining requests
+      loaderUtils.getRemainingRequest(loaderContext)
     )
   }
 

test/mock-loader.js

@@ -0,0 +1,3 @@
+module.exports = function (content) {
+  return content.replace(/Hello from Component A!/, 'Changed!')
+}

test/test.js

@@ -497,4 +497,19 @@ describe('vue-loader', function () {
       done()
     })
   })
+
+  it('support chaining with other loaders', done => {
+    const mockLoaderPath = require.resolve('./mock-loader')
+    test({
+      entry: './test/fixtures/basic.vue',
+      module: {
+        rules: [
+          { test: /\.vue$/, loader: loaderPath + '!' + mockLoaderPath }
+        ]
+      }
+    }, function (window, module) {
+      expect(module.data().msg).to.equal('Changed!')
+      done()
+    })
+  })
 })