refactor: use @vue/component-compiler-utils

Author: yyx990803

lib/index.js

@@ -1,11 +1,11 @@
 const path = require('path')
 const hash = require('hash-sum')
-const { parse } = require('vue-component-compiler')
 const qs = require('querystring')
 const plugin = require('./plugin')
 const selectBlock = require('./select')
 const loaderUtils = require('loader-utils')
 const { attrsToQuery } = require('./codegen/utils')
+const { parse } = require('@vue/component-compiler-utils')
 const genStylesCode = require('./codegen/styleInjection')
 const { genHotReloadCode } = require('./codegen/hotReload')
 const genCustomBlocksCode = require('./codegen/customBlocks')
@@ -31,16 +31,16 @@ module.exports = function (source) {
   const isServer = target === 'node'
   const isShadow = incomingQuery.shadow != null
   const isProduction = minimize || process.env.NODE_ENV === 'production'
-  const fileName = path.basename(resourcePath)
+  const filename = path.basename(resourcePath)
   const context = rootContext || process.cwd()
   const sourceRoot = path.dirname(path.relative(context, resourcePath))
 
-  const descriptor = parse(
+  const descriptor = parse({
     source,
-    fileName,
+    filename,
     sourceRoot,
-    sourceMap
-  )
+    needMap: sourceMap
+  })
 
   // if the query has a type field, this is a language block request
   // e.g. foo.vue?type=template&id=xxxxx

lib/loaders/stylePostLoader.js

@@ -1,5 +1,5 @@
 const qs = require('querystring')
-const { compileStyle } = require('vue-component-compiler')
+const { compileStyle } = require('@vue/component-compiler-utils')
 
 // This is a post loader that handles scoped CSS transforms.
 // Injected right before css-loader by the global pitcher (../pitch.js)

lib/loaders/templateLoader.js

@@ -1,7 +1,7 @@
 const qs = require('querystring')
 const loaderUtils = require('loader-utils')
 const compiler = require('vue-template-compiler')
-const { compileTemplate } = require('vue-component-compiler')
+const { compileTemplate } = require('@vue/component-compiler-utils')
 const { genTemplateHotReloadCode } = require('../codegen/hotReload')
 
 // Loader that compiles raw template into JavaScript functions.

package.json

@@ -33,9 +33,9 @@
     "vue-template-compiler": "^2.0.0"
   },
   "dependencies": {
+    "@vue/component-compiler-utils": "^1.0.0",
     "hash-sum": "^1.0.2",
     "loader-utils": "^1.1.0",
-    "vue-component-compiler": "vuejs/vue-component-compiler#master",
     "vue-hot-reload-api": "^2.3.0",
     "vue-style-loader": "^4.1.0"
   },