vue 打包去除console相关信息

最新推荐文章于 2024-10-25 10:56:23 发布

原创最新推荐文章于 2024-10-25 10:56:23 发布 · 227 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了如何在Vue项目中通过npmi-Duglifyjs-webpack-plugin插件配置UglifyJsPlugin，分别在生产环境和开发模式下实现代码压缩，重点讲解了proxy设置和publicPath配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、下载插件：

npm i -D uglifyjs-webpack-plugin

2、配置vue.config.js

const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
module.exports = {
    configureWebpack: {
        plugins: [
            new UglifyJsPlugin({
                uglifyOptions: {
                    compress: {
                        drop_console: true,
                    },
                },
            }),
        ],
    },
    devServer: {
        proxy: {
            '/xxx': {
                target: 'http://localhost:8080/',
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                    '^/xxx': 'xxx',
                },
            },
        },
    },
    publicPath: './',
}

3、第二种方式：

const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

const config = {
    devServer: {
        proxy: {
            '/xxx': {
                target: 'http://localhost:8080/',
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                    '^/xxx': 'xxx',
                },
            },
        },
    },
    publicPath: './',
}

if (process.env.NODE_ENV === 'production') {
    config.configureWebpack = {
        plugins: [
            new UglifyJsPlugin({
                uglifyOptions: {
                    compress: {
                        drop_console: true,
                    },
                },
            }),
        ],
    }
}

module.exports = config

4、其他配置不变