feat(ui): dev: auto reload locales

vuejs · Apr 30, 2018 · 86c9674 · 86c9674
1 parent c135782
commit 86c9674
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/packages/@vue/cli-ui/package.json b/packages/@vue/cli-ui/package.json
@@ -59,7 +59,8 @@
     "lint-staged": "^6.0.0",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.1",
-    "vue-template-compiler": "^2.5.16"
+    "vue-template-compiler": "^2.5.16",
+    "watch": "^1.0.2"
   },
   "browserslist": [
     "> 1%",

diff --git a/packages/@vue/cli-ui/src/graphql-api/connectors/locales.js b/packages/@vue/cli-ui/src/graphql-api/connectors/locales.js
@@ -33,7 +33,7 @@ function reset (context) {
   loadFolder(folder, context)
 }
 
-function loadFolder (root, context) {
+function _loadFolder (root, context) {
   const paths = globby.sync([path.join(root, './locales/*.json')])
   paths.forEach(file => {
     const basename = path.basename(file)
@@ -43,6 +43,18 @@ function loadFolder (root, context) {
   })
 }
 
+function loadFolder (root, context) {
+  if (process.env.NODE_ENV !== 'production') {
+    const watch = require('watch')
+    watch.watchTree(root, () => {
+      _loadFolder(root, context)
+      console.log(`Locales reloaded: ${root}`)
+    })
+  } else {
+    _loadFolder(root, context)
+  }
+}
+
 reset(getContext())
 
 module.exports = {