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

const config = {
    title: 'React子应用',                          // 单页面应用title
    APP_NAME: 'PLAIN_SUB_REACT_APPLICATION',                 // 每个应用的唯一标识，没有格式限制，只能用下划线命名，因为最后会输出为一个变量名
    publicPath: '/template-plain-react-micro-sub-react/',    // 部署路径
}

module.exports = {
    publicPath: config.publicPath,
    outputDir: resolve('docs'),
    lintOnSave: false,
    devServer: {
        port: '3122',
        disableHostCheck: true,                         // 关闭主机检查，使微应用可以被 fetch
        headers: {"Access-Control-Allow-Origin": "*",}, // 因为应用之间需要互相加载，本地联调的时候需要配置跨域
    },
    configureWebpack: {
        output: {
            library: `CustomApplication${config.APP_NAME}_[name]`,              // 微应用的包名，这里与主应用中注册的微应用名称一致
            libraryTarget: "umd",                                               // 将你的 library 暴露为所有的模块定义下都可运行的方式
            jsonpFunction: `webpackJsonp_${config.APP_NAME}_project_[name]`,    // 按需加载相关，设置为 webpackJsonp_#{APP_NAME}_project 即可
        },
        externals: {
            react: {
                root: 'React',
                commonjs: 'react',
                commonjs2: 'react',
            },
            'react-dom': {
                root: 'ReactDOM',
                commonjs: 'react-dom',
                commonjs2: 'react-dom',
            },
        },
    },
    pages: {
        index: {
            entry: resolve('src/main'),
            template: 'public/index.html',
            filename: 'index.html',
            title: config.title,
            chunks: ['chunk-vendors', 'chunk-common', 'index'],
        },
        config: {
            entry: resolve('src/config'),
            template: 'public/index.html',
            filename: 'config.html',
            title: config.title,
            chunks: ['chunk-vendors', 'chunk-common', 'config'],
        },
    },
    chainWebpack(config) {
        config.resolve.alias
            .set('@', resolve('src'))
            .set('src', resolve('src'))
            // .set('plain-micro-application', 'plain-micro-application/src/index.ts')
        config.plugins
            .delete('prefetch-index')
            .delete('preload-index')
            .delete('prefetch-config')
            .delete('preload-config')
    }
}