prefer load configurations from js-yaml

Author: eGust

README.md

@@ -36,4 +36,4 @@ You can put `app/assets/vue/manifest.dev.json` into your VCS ignore list.
 
 ## Warning
 
-Currently `vue.config.js` is reading configurations via `bundle exec rake vue:json_config`. You may suffer performance issue if your rake tasks are slow.
+Currently `vue.config.js` is reading configurations from `vue.rails.js` which depends on `js-yaml`. It will fallback to `bundle exec rake vue:json_config` without `js-yaml` installed. You may suffer performance issue if your rake tasks are slow.

lib/source/app/assets/vue/components/views/Foo.vue

@@ -12,6 +12,6 @@ export default {
 
 <style>
 #foo {
-  color: red
+  color: red;
 }
 </style>

lib/source/vue.config.js

@@ -1,20 +1,11 @@
 // Please do NOT edit settings required by vue_cli-rails
 /* [DO NOT EDIT!] begin */
-const { execSync } = require('child_process');
-const { env } = require('process');
 const WebpackAssetsManifest = require('webpack-assets-manifest');
 /* [DO NOT EDIT!] end */
 
 // const CompressionWebpackPlugin = require('compression-webpack-plugin');
 // const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
 
-const settings = JSON.parse(execSync('bundle exec rake vue:json_config', {
-  cwd: __dirname,
-  encoding: 'utf8',
-}));
-env.NODE_ENV = settings.env;
-const isProd = env.NODE_ENV === 'production';
-
 const {
   entry,
   css,
@@ -23,7 +14,8 @@ const {
   devServer,
   publicPath,
   manifestOutput,
-} = settings;
+  isProd,
+} = require('./vue.rails');
 
 module.exports = {
   outputDir,

lib/source/vue.rails.js

@@ -0,0 +1,63 @@
+const { env } = require('process');
+
+module.exports = (() => {
+  let settings = {};
+
+  /* eslint-disable global-require,import/no-extraneous-dependencies */
+  try {
+    const yaml = require('js-yaml');
+    const { readFileSync, readdirSync, lstatSync } = require('fs');
+    const { resolve } = require('path');
+
+    const railsEnv = env.RAILS_ENV || 'development';
+    const config = yaml.safeLoad(readFileSync(resolve('config/vue.yml'), 'utf8'))[railsEnv];
+    const root = resolve(__dirname);
+    const po = (config.public_output_path || 'vue_assets').replace(/(^\/+|\/+$)/g, '');
+    const { manifestOutput, alias = {}, devServer = {} } = config;
+    if (devServer.contentBase) {
+      devServer.contentBase = resolve(root, devServer.contentBase);
+    }
+    const entry = {};
+    const assetRoot = resolve(root, 'app/assets/vue/views');
+    const findAllJsFiles = (path) => {
+      readdirSync(path).forEach((fn) => {
+        const filename = resolve(path, fn);
+        const stat = lstatSync(filename);
+        if (stat.isDirectory()) {
+          findAllJsFiles(filename);
+        } else if (stat.isFile() && fn.endsWith('.js')) {
+          entry[filename.slice(assetRoot.length + 1, -3)] = filename;
+        }
+      });
+    };
+    findAllJsFiles(assetRoot);
+
+    settings = {
+      ...config,
+      env: railsEnv,
+      root,
+      outputDir: resolve(root, 'public', po),
+      publicPath: `/${po}/`,
+      alias: Object.keys(alias).reduce((obj, key) => ({
+        ...obj,
+        [key]: resolve(root, alias[key]),
+      }), {}),
+      manifestOutput: resolve(root, manifestOutput),
+      devServer,
+      entry,
+    };
+  } catch (e) {
+    const { execSync } = require('child_process');
+
+    settings = JSON.parse(execSync('bundle exec rake vue:json_config', {
+      cwd: __dirname,
+      encoding: 'utf8',
+    }));
+  }
+  /* eslint-enable global-require,import/no-extraneous-dependencies */
+
+  return {
+    ...settings,
+    isProd: settings.env === 'production',
+  };
+})();

lib/tasks/vue.rake

@@ -9,7 +9,7 @@ namespace :vue do
     FileUtils.chdir root
     # `vue create .` and dependencies
     pm.exec('vue create', "-n -m #{pm.package_manager} .")
-    pm.add '-D webpack-assets-manifest cross-env'
+    pm.add '-D webpack-assets-manifest js-yaml'
     FileUtils.rm_rf root.join('src')
 
     # dirs under `app`

lib/vue_cli/rails/version.rb

@@ -1,5 +1,5 @@
 module VueCli
   module Rails
-    VERSION = "0.1.0"
+    VERSION = "0.1.1"
   end
 end