const path = require('path')

const resolve = dir => path.resolve(__dirname, '../', dir)

const pkgPath = resolve('package.json')

const { splitMediaPlugin, generateMediaQuerys } = require('./postcssSplitMediaPlugin')
const webpack = require('webpack')

const webpackConfig = require('./webpack.config.js')
const postCssConfig = require('../postcss.config')

let outputDir = resolve('./packages/uni-' + process.env.UNI_PLATFORM + '/dist')

if (process.env.UNI_PLATFORM === 'h5' && process.env.UNI_UI === 'true') {
  outputDir = resolve('./packages/uni-' + process.env.UNI_PLATFORM + '-ui/dist')
}

if (process.env.UNI_PLATFORM === 'app-plus' && process.env.UNI_VIEW === 'true') {
  outputDir = resolve('./packages/uni-' + process.env.UNI_PLATFORM + '/dist')
}

postCssConfig.plugins.push(splitMediaPlugin)

module.exports = {
  publicPath: '/',
  outputDir,
  lintOnSave: true, // or error
  runtimeCompiler: false,
  transpileDependencies: ['@dcloudio/uni-i18n'],
  productionSourceMap: false,
  configureWebpack: webpackConfig,
  parallel: process.env.UNI_PLATFORM !== 'h5' || process.env.UNI_WATCH !== 'false' || process.env.UNI_UI === 'true',
  chainWebpack: config => {
    config.devtool('source-map')

    config.module
      .rule('eslint')
      .include
      .add(resolve('src'))
      .add(resolve('lib/' + process.env.UNI_PLATFORM))
      .end()
      .use('eslint-loader')
      .loader(resolve('node_modules/eslint-loader'))
      .options({
        fix: true,
        configFile: pkgPath
      })
    config.plugins.delete('hmr') // remove hot module reload

    config
      .plugin('webpack-build-done')
      .use(webpack.ProgressPlugin, [function (percentage, message, ...args) {
        if (percentage === 1) {
          console.log('webpack build done')
          generateMediaQuerys({
            outputDir
          })
        }
      }])
  },
  css: {
    extract: true,
    loaderOptions: {
      postcss: postCssConfig
    }
  }
}