vue3项目,部署后发现部分文件404,检查发现打包后dist文件夹中的文件少了很多。寻找原因后发现vue2的项目升级到vue3 后,vue.config.js中的webpack配置项没有及时更改,导致js和css压缩后的文件没有生成,又删除了原文件。改成如下配置后,再打包部署就没有问题了。

  configureWebpack: (config) => {
    if (process.env.NODE_ENV === 'production') {
      // 仅在生产环境下启用该配置
      return {
        performance: {
          // 打包后最大文件大小限制
          maxAssetSize: 1024000
        },
        plugins: [
          new CompressionWebpackPlugin({
            filename: '[path][base].gz',
            algorithm: 'gzip',
            test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
            threshold: 1024, // 只有大小大于该值的资源会被处理,当前配置为对于超过1k的数据进行处理,不足1k的可能会越压缩越大
            minRatio: 0.99, // 只有压缩率小于这个值的资源才会被处理
            deleteOriginalAssets: true // 删除原文件
          })
        ]
      }
    }
  }

Logo

前往低代码交流专区

更多推荐