electron-vue打包后的项目控制台没有日志的解决办法

最新推荐文章于 2025-06-27 09:11:46 发布

原创最新推荐文章于 2025-06-27 09:11:46 发布 · 221 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #electron #前端 #javascript #ecmascript

本文介绍如何通过修改webpack.renderer.config.js配置文件来优化Electron中的Vue应用。具体操作包括禁用警告、移除console.log等，从而减小打包后的文件体积。

在 .electron-vue 目录下有一个配置文件 webpack.renderer.config.js

修改 webpack.renderer.config.js 这个配置文件

rendererConfig.optimization = {
    minimizer: [
      new TerserPlugin({
        test: /\.js(\?.*)?$/i,
        extractComments: false,
        cache: false,
        sourceMap: false,
        terserOptions: {
          warnings: false,
          compress: { //压缩
            //warnings: false, // 修改后
            //drop_console: false, // 修改后
            //drop_debugger: false, // 修改后
            //pure_funcs: ['console.log'] // 修改后
          },
        }
      })]