examples/build/get-scss-variables.js

/**
 * get theme from package.json
 * @return {Object} theme
 * */
var path = require('path')
var existsSync = require('fs').existsSync
var root = process.cwd()

/**
 * 获取业务定义的scss的变量
 * */
function getScssVariables () {
  const pkgPath = `${root}/package.json`
  const pkg = existsSync(pkgPath) ? require(pkgPath) : {}
  let data = null
  let themePath = pkg.theme
  if (!themePath) {
    themePath = './src/theme/variables.scss'
  }

  if (isString(themePath)) {
    if (existsSync(themePath)) {
      let sassImport = resolvePath(themePath)
      data = `@charset "UTF-8"; @import ${sassImport};`
    }
  } else if (isArray(themePath)) {
    let sassImports = themePath
    sassImports = sassImports.map((item) => {
      if (existsSync(item)) {
        return resolvePath(item)
      } else {
        console.log(`[Theme]: 主题目录不存在! ${item}`)
      }
      return ''
    })

    data = `@charset "UTF-8"; @import ${sassImports.join(',')};`
  }

  return data
}

module.exports = getScssVariables()

/**
 * @param {String} path - path of *.scss file
 * @example
 *
 * - example:
 * <rootDir>/examples/src/theme/variables.scss
 * /examples/src/theme/variables.scss
 * ./examples/src/theme/variables.scss
 *
 * - return:
 * rootDir/examples/src/theme/variables.scss
 *
 * */
function resolvePath (path) {
  if (path) {
    // <rootDir>
    if (path.indexOf('<rootDir>') === 0) {
      return `"${path.replace('<rootDir>', root).replace(/\\/g, '\\\\')}"`
    } else {
      return `"${resolve(path).replace(/\\/g, '\\\\')}"`
    }
  } else {
    return ''
  }
}

function resolve (dir) {
  return path.join(root, dir)
}

function isString (val) {
  return typeof val === 'string'
}

function isArray (obj) {
  return Array.isArray(obj)
}