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

module.exports = {
    publicPath: '/wap/',
    outputDir: 'wap',
    productionSourceMap: false,
    filenameHashing: true,
    devServer: {
        // https:true,
        host: '0.0.0.0',
        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: [
                    
                ]
            }
        }
    }
}