uniapp 发布h5前端项目时因chunk-vendors过大导致首屏加载太慢以及跳转外部链接

uniapp 跳转外部链接

	aboutLearnMore() {
		// 跳转外部链接h5
		// #ifdef H5
		window.location.href = 'http://www.baidu.com';
		// #endif
		// #ifdef APP-PLUS
		plus.runtime.openURL('http://www.baidu.com') //不需要拼接
		// plus.runtime.openURL(`http://${jumpUrl}`)//需要拼接
		// #endif
	},

uniapp 发布h5前端项目时因chunk-vendors过大导致首屏加载太慢

  • 安装插件
    compression-webpack-plugin
npm install compression-webpack-plugin@6.1.1 --save-dev
  • 安装webpack
npm install webpack@4.46.0 --save-dev
  • 新建web.config.js
const CompressionWebpackPlugin = require('compression-webpack-plugin');

module.exports = {
  configureWebpack:{
	  plugins:[
		new CompressionWebpackPlugin(
			{
				filename: "[path][base].gz",
				algorithm: "gzip",
				test: /\.js$/,
				threshold: 10240,
				minRatio: 0.8,
				exclude: /node_modules/,
			}
		)
	  ]
  }
}

nginx配置gzip

# gzip config
    gzip on;
    gzip_min_length 1k;
    gzip_comp_level 9;
    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
    gzip_vary on;
    gzip_disable "MSIE [1-6]\.";

文章来源地址https://uudwc.com/A/MpY65

阅读剩余 13%

原文地址:https://blog.csdn.net/he3236220/article/details/131311094

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请联系站长进行投诉反馈,一经查实,立即删除!

上一篇 2023年06月27日 14:26
2023网络安全 -- 正向连接与反向连接
下一篇 2023年06月27日 14:26