webpack多用户/多主题配置过程 （接上一篇内容）

上一篇内容地址:多项目配置

 多客户 配置

build/webpack.prod.conf.js      client.json

  let jsonUrl = process.env.CLIENT ? `config/${process.env.CLIENT}/${process.env.NODE_ENV}.json` : `config/${process.env.NODE_ENV}.json`

plugins:{

new webpack.ProvidePlugin({ __CONFIG__: path.resolve(jsonUrl) // 此处未config.json}),

}

多主题 颜色配置 scss （theme.sass ）

webpack.config.base.js

module: { rules: [{  test: /\.scss$/,  use: [    { loader: 'vue-style-loader' },    { loader: 'css-loader', options: { sourceMap: true } },    { loader: 'sass-loader', options: { sourceMap: true } },    { loader: 'sass-resources-loader',      options: {        sourceMap: true,        resources: [          // path.resolve(__dirname, '..', `src/base/assets/theme/base/theme-*.scss`),          resolve(`src/base/${process.env.CLIENT ? ('z'+process.env.CLIENT) : ''}/assets/theme/theme-*.scss`),          resolve(`src/base/assets/theme/element-variables.scss`),          resolve(`src/${process.env.PROJECT}/assets/theme/custom-*.scss`),        ]      }    }  ]},]}