Support post loaders for template blocks

lib/loaders/pitcher.js

@@ -10,6 +10,8 @@ const isNullLoader = l => /(\/|\\|@)null-loader/.test(l.path)
 const isCSSLoader = l => /(\/|\\|@)css-loader/.test(l.path)
 const isCacheLoader = l => /(\/|\\|@)cache-loader/.test(l.path)
 const isPitcher = l => l.path !== __filename
+const isPreLoader = l => !l.pitchExecuted
+const isPostLoader = l => l.pitchExecuted
 
 const dedupeESLintLoader = loaders => {
  const res = []
@@ -136,10 +138,15 @@ module.exports.pitch = function (remainingRequest) {
  cacheIdentifier: hash(cacheIdentifier) + '-vue-loader-template'
  })}`]
  : []
+
+ const preLoaders = loaders.filter(isPreLoader)
+ const postLoaders = loaders.filter(isPostLoader)
+
  const request = genRequest([
  ...cacheLoader,
+ ...postLoaders,
  templateLoaderPath + `??vue-loader-options`,
- ...loaders
+ ...preLoaders
  ])
  // console.log(request)
  // the template compiler uses esm exports

test/template.spec.js

@@ -305,3 +305,22 @@ test('disable prettify', done => {
  done()
  })
 })
+
+test('postLoaders support', done => {
+ mockBundleAndRun({
+ entry: 'basic.vue',
+ module: {
+ rules: [
+ {
+ resourceQuery: /^\?vue&type=template/,
+ enforce: 'post',
+ loader: path.resolve(__dirname, './mock-loaders/html')
+ }
+ ]
+ }
+ }, ({ module }) => {
+ // class="red" -> { staticClass: "red" } -> { staticClass: "green" }
+ expect(module.render.toString()).toMatch(`green`)
+ done()
+ })
+})