const HtmlWebpackPlugin = require('html-webpack-plugin');
const CompressionWebpackPlugin = require('compression-webpack-plugin')

module.exports = {
    publicPath: '/wap/',
    outputDir: 'wap',
    productionSourceMap: false,
    devServer: {
        // https:true,
        disableHostCheck: false,
        proxy: {
            '/api': {
                target: process.env.VUE_APP_HOST,
                changeOrigin: true
            }
        }
    },
    chainWebpack: config => {
        const oneOfsMap = config.module.rule('scss').oneOfs.store;
        oneOfsMap.forEach(item => {
            item.use('sass-resources-loader').loader('sass-resources-loader').options({
                resources: './src/assets/scss/common.scss'
            }).end();
        })

        config.plugin('compression').use(
            new CompressionWebpackPlugin({
                filename: info => `${info.path}.gz${info.query}`,
                algorithm: 'gzip',
                threshold: 10240,
                test: /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i,
                minRatio: 0.8,
                deleteOriginalAssets: true
            })
        )

        config.resolve.plugins.delete('prefetch');
        config.resolve.plugins.delete('prerload');

    },
    configureWebpack: config => {
        config.plugins.forEach(plugin => {
            if(plugin instanceof HtmlWebpackPlugin){
                plugin.options.title = '自在福田 - 寺庙联盟'
            }
        })
    },
    css: {
        sourceMap: false,
        loaderOptions: {
            scss: {
                data: null,
                
            },
            postcss: {
                plugins: [
                    
                ]
            }
        }
    }
}