chuanshan/vue.config.js

const fs = require('fs');
const path = require('path');

let pages = {
  index: 'src/pages/index.js',
  mobile: 'src/pages/mobile.js',
}

module.exports = {
  pages: pages,
  assetsDir: process.env.VUE_APP_STATIC_DIR,
  publicPath: process.env.NODE_ENV === "production" ? "" : "",
  productionSourceMap: process.env.NODE_ENV !== "production",
  lintOnSave: false,
  devServer: {
    inline: false,
    hot: true,
    liveReload: false,
  },
  css: {
    loaderOptions: {
      less: {
        globalVars: getLessVariables(path.resolve(__dirname, './src/assets/style/globalVars.less'))
      }
    }
  }
};


function getLessVariables(file) {
  var themeContent = fs.readFileSync(file, 'utf-8')
  var variables = {}
  themeContent.split('\n').forEach(function(item) {
      if (item.indexOf('//') > -1 || item.indexOf('/*') > -1) {
          return
      }
      var _pair = item.split(':')
      if (_pair.length < 2) return;
      var key = _pair[0].replace('\r', '').replace('@', '')
      if (!key) return;
      var value = _pair[1].replace(';', '').replace('\r', '').replace(/^\s+|\s+$/g, '')
      variables[key] = value
  })
  return variables
}