vue.config.js常用配置

module.exports = {
    publicPath: './', //公共路径,影响打包生成文件的引入资源的公共路径
    devServer: {      //本地服务器配置
        port: 8980,     //端口
        host: 'localhost', //域名
        https: false,       //是否启用https
        open: true,           //是否在编译完成之后自动打开浏览器访问
        //代理解决跨域
        proxy: {
            '/byProxy': {              // 匹配所有以 '/api1'开头的请求路径
                target: 'http://localhost:8980',// 代理目标的基础路径
                changeOrigin: true,
                changeOrigin: true,
                pathRewrite: { '^/api1': '' }
            },
            '/byProxy2': {              // 匹配所有以 '/api2'开头的请求路径
                target: 'http://localhost:8980',// 代理目标的基础路径
                changeOrigin: true,
                pathRewrite: { '^/api2': '' }
            }
        }
    },
    lintOnSave: false,  // lint语法检测
    outputDir: 'dist',  //打包输出目录
    assetsDir: 'assets', //静态文件输出目录(基于dist)
    // prodectionSourceMap: true, //取消.map文件的打包,加快打包速度
    configureWebpack: config => {
        // process.env为环境变量,分别对应.env.development文件和.env.production文件 此处表示加快开发环境打包速度
        if (process.env.NODE_ENV !== 'production') return;
        config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true;	//生产环境去掉console.log
        return {  // 此处配置webpack.config.js的相关配置
            plugins: [],
            performance: {}
        };
    }

}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值