const $utils = require('./utils/build.utils')
const webpack = require('webpack')

console.log('当前环境', process.env.ENV)
console.log('当前模式', process.env.MODE === 'dev' ? '本地调试' : '打包编译')

const collectEnv = ['env', 'mode']
const defined = {
    WEBAPP: {
        ...(collectEnv.reduce((ret, key) => {
            ret[key] = JSON.stringify(process.env[key])
            return ret
        }, {})),
        publicPath: '"/plain-ui-web"',
    },
}

console.log(defined.WEBAPP.publicPath.replace(/"/g, ''))

module.exports = {
    publicPath: defined.WEBAPP.publicPath.replace(/"/g, ''),
    outputDir: $utils.resolve('page'),
    lintOnSave: false,
    devServer: {
        port: '7556',
    },
    pages: {
        index: {
            entry: 'src/main.js',
            template: 'public/index.html',
            filename: 'index.html',
            title: 'plain-ui document',
            chunks: ['chunk-vendors', 'chunk-common', 'index']
        },
        manager: {
            entry: 'manager/main.js',
            template: 'public/index.html',
            filename: 'manager.html',
            title: 'plain manager',
            chunks: ['chunk-vendors', 'chunk-common', 'manager']
        },
    },
    configureWebpack: {
        resolve: {
            extensions: ['.js', '.vue', '.json'],
            alias: {
                'src': $utils.resolve('src'),
                'manager': $utils.resolve('manager'),
            }
        },
        module: {
            rules: [
                {
                    test: /.md$/,
                    loader: 'text-loader'
                },
            ]
        },
        plugins: [
            new webpack.DefinePlugin(defined),
        ]
    },
    css: {
        loaderOptions: {
            sass: {
                data: `@import "src/style/global.scss";`
            }
        }
    },
    chainWebpack: config => {
        config.plugins.delete('prefetch-index')
        config.plugins.delete('prefetch-manager')
    }
}