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

const APP_NAME = 'vue'

module.exports = {
    publicPath: `/plain-sub-${APP_NAME}/`,
    outputDir: resolve('docs'),
    pages: {
        index: {
            entry: resolve('src/main.tsx'),
            template: 'public/index.html',
            filename: 'index.html',
            title: `plain-sub-${APP_NAME}-index`,
            chunks: ['chunk-vendors', 'chunk-common', 'index'],
        },
    },
    devServer: {
        port: '3328',
        // 关闭主机检查，使微应用可以被 fetch

        disableHostCheck: true,
        // 子应用需要配置跨域
        headers: {
            "Access-Control-Allow-Origin": "*",
        }
    },
    configureWebpack: {
        output: {
            // 微应用的包名，这里与主应用中注册的微应用名称一致
            library: `CustomApplication${APP_NAME}`,
            // 将你的 library 暴露为所有的模块定义下都可运行的方式
            libraryTarget: "umd",
            // 按需加载相关，设置为 webpackJsonp_vue-projec 即可
            jsonpFunction: `webpackJsonp_${APP_NAME}_project`,
        },
    },
    chainWebpack: config => {
        config.resolve.alias
            .set('@', resolve('src'))
            .set('src', resolve('src'))

        config.plugins
            .delete('prefetch-index')
            .delete('preload-index')
        config.plugins
            .delete('prefetch-micro')
            .delete('preload-micro')

        config.module
            .rule('fonts')
            .test(/.(ttf|otf|eot|woff|woff2)$/)
            .use('url-loader')
            .loader('url-loader')
            .options({})
            .end()
    }
}