module.exports = {
    chainWebpack: config => {
        // 生产、发布模式
        config.when(process.env.NODE_ENV === 'production', config => {
                // 配置入口文件
                config
                    .entry('app')
                    .clear()
                    .add('./src/main-prod.js')
                    // 配置CDN
                config
                    .set('externals', {
                        vant: 'vant',
                        vue: 'Vue',
                        'vue-router': 'VueRouter',
                        axios: 'axios',
                        nprogress: 'NProgress',
                        moment: 'moment'
                    })
                    // 配置首页定制
                config.plugin('html').tap(args => {
                    args[0].isProd = true
                    return args
                })
            })
            // 开发模式
        config.when(process.env.NODE_ENV === 'development', config => {
            config
                .entry('app')
                .clear()
                .add('./src/main-dev.js')
                // 配置首页定制
            config.plugin('html').tap(args => {
                args[0].isProd = false
                return args
            })
        })
    },
    css: {
        loaderOptions: {
            css: {},
            postcss: {
                plugins: [
                    require('postcss-px2rem')({
                        remUnit: 37.5
                    })
                ]
            }
        }
    },
    devServer: {
        proxy: {
            '/api': {
                target: 'https://yys.res.netease.com', //目标地址
                ws: true, //// 是否启用websockets
                changeOrigin: true, //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
                pathRewrite: { '^/api': '/' } //这里重写路径
            }
        },
        before(app) {
            app.get('/api/data', (req, res) => {
                res.send({
                    code: 1,
                    msg: [{
                        id: 0,
                        name: 'wjy'
                    }]
                })
            })
        }
    }

}