Vue的性能优化,打包优化

最新推荐文章于 2024-11-20 14:22:51 发布

小鑫学习笔录

最新推荐文章于 2024-11-20 14:22:51 发布

阅读量172

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_51619945/article/details/125645857

版权

博客主要介绍uglifyjs-webpack-plugin的代码打包与压缩，包含其安装步骤，以及在vue.config.js中的配置内容，属于前端开发相关知识。

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

uglifyjs-webpack-plugin 代码打包与压缩

安装

npm install uglifyjs-webpack-plugin --save-dev

在vue.config.js中配置

//需要引入
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
let isProduction = process.env.NODE_ENV;

configureWebpack: config => {
    // 生产环境相关配置
    if (isProduction == 'production') {
      // 代码压缩
      config.plugins.push(
        new UglifyJsPlugin({
          uglifyOptions: {
            // 生产环境自动删除console
            warnings: false,
            compress: {
              // warnings:false, // 若打包错误，则注释这行 
              drop_debugger: true,
              drop_console: true,
              pure_funcs: ['console.log']
            }
          },
          sourceMap: false,
          parallel: true
        })
      )
    }
  }