happywork_dk/vue.config.js

const path = require('path');
const autoprefixer = require('autoprefixer');
const pxtorem = require('postcss-pxtorem');
const CompressionWebpackPlugin = require('compression-webpack-plugin')

function resolve(dir) {
    return path.join(__dirname, dir)
}

module.exports = {
    outputDir: 'dist',
    publicPath: process.env.NODE_ENV === 'production' ? '/' : '/',
    configureWebpack: config => {
        config.plugins.push(
            new CompressionWebpackPlugin({
                test: /\.js$|\.html$|\.css$/,
                // 超过4kb压缩
                threshold: 4096
            })
        )
    },
    chainWebpack: (config) => {
        config.resolve.alias
            .set('@$', resolve('src'))
            .set('@api', resolve('src/api'))
            .set('@assets', resolve('src/assets'))
            .set('@views', resolve('src/views'))
    },

    devServer: {
        port: 8082,
        proxy: {
            '/happy-boot': {
                target: 'http://yz.hap-job.com', //请求本地 需要happyjob后台项目
                ws: false,
                changeOrigin: true
            },
        }
    },
    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    autoprefixer(),
                    pxtorem({
                        rootValue: 37.5,
                        propList: ['*']
                    })
                ]
            }
        }
    },
    lintOnSave: undefined
};