const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({
    chainWebpack: config => {
        config.module
            .rule('scss')
            .oneOfs.get('vue')
            .use('sass-resources-loader')
            .loader('sass-resources-loader')
            .options({
                resources: [
                    './src/assets/style/vars.scss',
                    './src/assets/style/mixins.scss',
                ]
            })
    },
    devServer: {
        proxy: {
            '/api': {
                target: 'http://47.97.220.98:6782',
                changeOrigin: true,
                pathRewrite: { '^/api': '' }
            }
        },
        host: '127.0.0.2',
        headers: {
            'Access-Control-Allow-Origin': '*'
        },
        port: 8088
    },
    transpileDependencies: true,
    lintOnSave: false
})