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

最新推荐文章于 2024-09-03 10:43:39 发布

没错就是我哎呀

最新推荐文章于 2024-09-03 10:43:39 发布

阅读量1.5k

点赞数 1

文章标签： uni-app 前端

本文链接：https://blog.csdn.net/he3236220/article/details/131311094

版权

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]\.";