运行模式下不压缩代码且含有sourcemap,体积较大

在运行模式下不压缩代码且含有sourcemap，会使得代码体积较大的原因主要有以下几点。

首先，运行模式下，开发人员通常希望能够更方便地进行代码调试、定位错误，并且查看源码。因此，在这种模式下保留了代码的完整性和可读性，没有进行代码压缩。这一方便性对于开发过程中的迭代和问题解决非常重要。

其次，sourcemap是一种用于调试的工具，它能够将压缩后的代码映射回原始开发源代码，从而方便开发人员在浏览器控制台准确地查看并调试未压缩的代码。然而，sourcemap本身也是一段较大的数据，会占用一定的空间。

另外，不进行代码压缩还能提高开发过程中的构建速度，因为压缩代码需要花费相当的时间和计算资源。在开发模式下，快速构建和部署是非常重要的，因此牺牲一部分代码体积来换取开发效率也是一种合理的选择。

然而，需要注意的是，在真正发布项目时，为了提高加载和传输速度，减少带宽占用以及提升用户体验，建议对代码进行压缩和合并，并且不再包含sourcemap信息。压缩后的代码更小，能够更快地加载和执行，同时也能减少资源消耗。因此，在生产环境中，最好将代码进行压缩并删除sourcemap，以获得更好的性能和用户体验。

相关问题

我需要用Python写出压缩图片体积但是不缩小图片，且无损画质的代码

你可以使用 Python 的 Pillow 库来实现无损压缩图片体积的功能。Pillow 库中的 Image 模块提供了 save 方法，可以将图像保存为指定格式的文件，并且可以设置压缩质量参数，以减小文件大小。以下是一个示例代码：

from PIL import Image

def compress_image(file_path, quality=85):
    with Image.open(file_path) as img:
        img.save(file_path, optimize=True, quality=quality)

这个函数接受一个文件路径和一个可选的压缩质量参数。默认情况下，它将图像保存为 JPEG 格式，并使用 85% 的质量进行压缩。你可以根据需要调整压缩质量参数，以获得更小的文件大小。如果你想保存为其他格式的图像，可以使用文件扩展名来指定格式，例如将文件保存为 PNG 格式：

img.save(file_path + ".png", optimize=True, quality=quality)

在这个示例中，我们使用了 optimize=True 参数来启用压缩优化。这个参数会尝试使用最佳的压缩参数来减小文件大小，但可能会增加一些处理时间。如果你想获得更快的处理速度，可以将 optimize 参数设置为 False。

需要注意的是，无损压缩只能减小文件大小，但无法完全消除图像数据中的冗余信息。因此，即使你使用了最高质量的压缩参数，压缩后的图像仍然可能与原始图像存在微小的差异。

vue-cli3.0打包后使代码压缩且不换行

可以通过在vue.config.js中设置uglifyOptions来实现代码压缩且不换行的需求，具体代码如下：

module.exports = {
  configureWebpack: {
    optimization: {
      minimizer: [
        // 压缩代码
        new UglifyJsPlugin({
          uglifyOptions: {
            compress: {
              warnings: false,
              drop_console: true,
              drop_debugger: true,
              pure_funcs: ['console.log']
            },
            output: {
              // 不换行
              beautify: false
            }
          }
        })
      ]
    }
  }
}

需要注意的是，这里使用了uglify-js插件来进行代码压缩，因此需要先安装该插件：

npm install uglify-js --save-dev