在npm运行构建过程中，aufio文件如何小于4KB处理？

Question

我正在从事VUE.js项目，它使用大量的音频文件，从超小型的3-4 4Kb到1MB。当我构建我的项目时，几乎我所有的音频文件都被放入文件夹“媒体”。但是小于4KB的音频文件(MP3格式)不会移动到这个“媒体”文件中。我可以在"dist“文件夹里找到它们。但它们起作用了。更大的文件可以在dist/media文件夹中找到。

你能帮我一下吗，bcs，我真的很困惑？他们在哪里？如何在构建过程中进行处理？

我的vue.config.js文件：

const zlib = require("zlib");
module.exports = {
    productionSourceMap: false,
    filenameHashing: false,
  pluginOptions: {
    compression:{
      brotli: {
        filename: '[file].br[query]',
        algorithm: 'brotliCompress',
        include: /\.(js|css|html|svg|json)(\?.*)?$/i,
        compressionOptions: {
          params: {
            [zlib.constants.BROTLI_PARAM_QUALITY]: 11,
          },
        },
        minRatio: 0.8,
      },
      gzip: {
        filename: '[file].gz[query]',
        algorithm: 'gzip',
        include: /\.(js|css|html|svg|json)(\?.*)?$/i,
        minRatio: 0.8,
      }
    }
  }
}

谢谢

Answer 1

最有可能的是，在构建设置中有一些东西，比如Webpack的url加载器，它可以将低于一定大小阈值的文件转换为Base64，并将它们内联地添加到应用程序源代码中。