fix: properly stringify hot-reload-api path for Windows

vuejs · Mar 22, 2018 · fb1306e · fb1306e
1 parent c672783
commit fb1306e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/lib/codegen/hotReload.js b/lib/codegen/hotReload.js
@@ -1,4 +1,4 @@
-const hotReloadAPIPath = require.resolve('vue-hot-reload-api')
+const hotReloadAPIPath = JSON.stringify(require.resolve('vue-hot-reload-api'))
 
 exports.genHotReloadCode = (id, functional) => {
   return wrap(`
@@ -13,7 +13,7 @@ exports.genHotReloadCode = (id, functional) => {
 exports.genTemplateHotReloadCode = id => {
   return wrap(`
     if (module.hot.data) {
-      require('${hotReloadAPIPath}').rerender('${id}', {
+      require(${hotReloadAPIPath}).rerender('${id}', {
         render: render,
         staticRenderFns: staticRenderFns
       })
@@ -25,7 +25,7 @@ function wrap (inner) {
   return `
 /* hot reload */
 if (module.hot) {
-  var api = require('${hotReloadAPIPath}')
+  var api = require(${hotReloadAPIPath})
   api.install(require('vue'))
   if (api.compatible) {
     module.hot.accept()

diff --git a/lib/codegen/styleInjection.js b/lib/codegen/styleInjection.js
@@ -1,5 +1,5 @@
 const { attrsToQuery } = require('./utils')
-const hotReloadAPIPath = require.resolve('vue-hot-reload-api')
+const hotReloadAPIPath = JSON.stringify(require.resolve('vue-hot-reload-api'))
 
 module.exports = function genStyleInjectionCode (
   loaderContext,
@@ -59,7 +59,7 @@ module.exports = function genStyleInjectionCode (
             var newLocals = require(${request})
             if (JSON.stringify(newLocals) !== JSON.stringify(oldLocals)) {
               cssModules[${name}] = newLocals
-              require("${hotReloadAPIPath}").rerender("${id}")
+              require(${hotReloadAPIPath}).rerender("${id}")
             }
           }
         })