load vue-jest config only once for all files instead of for each file

Author: btjk

lib/load-config.js

@@ -0,0 +1,15 @@
+const path = require('path')
+
+module.exports = function loadConfig () {
+
+  let initConfig = {
+    resources: {}
+  }
+
+  const rootPJSONPath = path.resolve(process.cwd(), 'package.json')
+  if (!fs.existsSync(rootPJSONPath)) return initConfig
+  
+  const vueJestConfig = require(rootPJSONPath).vueJest
+
+  return Object.assign(initConfig, vueJestConfig)
+}

lib/process-style/index.js

@@ -1,12 +1,11 @@
 const path = require('path')
 const cssExtract = require('extract-from-css')
 
-module.exports = function processStyle (stylePart, filePath) {
+module.exports = function processStyle (stylePart, filePath, config) {
   if (!stylePart) return {}
 
   const dir = path.dirname(filePath)
-  const cwd = process.cwd()
-  const processStyleByLang = lang => require('./' + lang)(stylePart.content, dir, cwd)
+  const processStyleByLang = lang => require('./' + lang)(stylePart.content, dir, config)
 
   let cssCode = ''
   switch (stylePart.lang) {

lib/process-style/scss.js

@@ -1,32 +1,35 @@
 const path = require('path')
 const fs = require('fs')
 const sass = require('node-sass')
+const cwd = process.cwd()
 
-module.exports = (content, dir, cwd) => {
+module.exports = (content, dir, config) => {
 
   const getRelativeImportPath = (oldImportPath, absoluteImportPath) => (/^\~/.test(oldImportPath))
     ? oldImportPath
     : path.relative(cwd, absoluteImportPath);
 
-  const scssResources = require(cwd + '/package.json').vueJest.resources.scss
-    .map(scssResource => path.resolve(cwd, scssResource))
-    .filter(scssResourcePath => fs.existsSync(scssResourcePath))
-    .map(scssResourcePath => fs.readFileSync(scssResourcePath).toString()
-      .replace(/@import\s+(?:'([^']+)'|"([^"]+)"|([^\s;]+))/g, (entire, single, double, unquoted) => {
-        var oldImportPath = single || double || unquoted;
-        var absoluteImportPath = path.join(path.dirname(scssResourcePath), oldImportPath);
-        var relImportPath = getRelativeImportPath(oldImportPath, absoluteImportPath);
-        var newImportPath = relImportPath.split(path.sep).join('/');
-        var lastCharacter = entire[entire.length - 1];
-        var quote = lastCharacter === "'" || lastCharacter === '"' ? lastCharacter : '';
-        return '@import ' + quote + newImportPath + quote;
-      })
-    )
-    .join('\n')
+  const scssResources = (!config.resources || !config.resources.scss)
+    ? ''
+    : config.resources.scss
+        .map(scssResource => path.resolve(cwd, scssResource))
+        .filter(scssResourcePath => fs.existsSync(scssResourcePath))
+        .map(scssResourcePath => fs.readFileSync(scssResourcePath).toString()
+          .replace(/@import\s+(?:'([^']+)'|"([^"]+)"|([^\s;]+))/g, (entire, single, double, unquoted) => {
+            var oldImportPath = single || double || unquoted;
+            var absoluteImportPath = path.join(path.dirname(scssResourcePath), oldImportPath);
+            var relImportPath = getRelativeImportPath(oldImportPath, absoluteImportPath);
+            var newImportPath = relImportPath.split(path.sep).join('/');
+            var lastCharacter = entire[entire.length - 1];
+            var quote = lastCharacter === "'" || lastCharacter === '"' ? lastCharacter : '';
+            return '@import ' + quote + newImportPath + quote;
+          })
+        )
+        .join('\n')
 
   return sass.renderSync({
     data: scssResources + content,
     outputStyle: 'compressed'
   }).css.toString()
-  
+
 }

lib/process-style/stylus.js

@@ -1,2 +1,2 @@
 const stylus = require('stylus')
-module.exports = (content, dir, cwd) => stylus.render(content, { paths: [dir, cwd] })
+module.exports = (content, dir, config) => stylus.render(content, { paths: [dir, process.cwd()] })

lib/process.js

@@ -13,6 +13,7 @@ const join = path.join
 const cssExtract = require('extract-from-css')
 const logger = require('./logger')
 const splitRE = /\r?\n/g
+const config = require('./load-config')()
 
 function processScript (scriptPart) {
   if (!scriptPart) {
@@ -90,7 +91,8 @@ module.exports = function (src, filePath) {
       if (!module) return
       const styleObj = (/^sass|less|pcss|postcss/.test(ast.lang))
         ? {}
-        : processStyle(ast, filePath)
+        : processStyle(ast, filePath, config)
+      
       const moduleName = ast.module === true ? '$style' : ast.module
 
       return '\n  this[\'' + moduleName + '\'] = ' + JSON.stringify(styleObj)