国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

uniapp 發(fā)布h5前端項目時因chunk-vendors過大導致首屏加載太慢以及跳轉外部鏈接

這篇具有很好參考價值的文章主要介紹了uniapp 發(fā)布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 發(fā)布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]\.";

文章來源地址http://www.zghlxwxcb.cn/news/detail-501667.html

到了這里,關于uniapp 發(fā)布h5前端項目時因chunk-vendors過大導致首屏加載太慢以及跳轉外部鏈接的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • 前端uniapp開源盲盒源碼(H5+小程序+app)

    前端uniapp開源盲盒源碼(H5+小程序+app)

    Z世代是當今最具影響力的消費群體,盲盒商城源碼致力于滿足他們的期望,提供與他們的個性一樣獨特的體驗。這一代人對自己的愛好充滿熱情,并創(chuàng)建了以他們?yōu)榛A的社區(qū)。因此未來,只有那些能夠創(chuàng)造驚喜,吸引更多核心人群的品牌,才能蓬勃發(fā)展。盲盒機是盲盒商城

    2024年04月12日
    瀏覽(25)
  • uniapp前端支付篇(微信、抖音、快手、h5)四個平臺支付

    uniapp前端支付篇(微信、抖音、快手、h5)四個平臺支付

    微信、快手、h5支付步驟大致相同,只有抖音是有自己的支付組件 項目同時支持多個(微信、快手、h5)平臺支付,后端那邊代碼可以封裝的 點擊支付 創(chuàng)建訂單 生成密鑰和支付所需要的參數 支付成功 查詢訂單狀態(tài) 1.支付按鈕 2.支付事件 1.支付按鈕 2.支付事件 抖音有自己的

    2024年02月02日
    瀏覽(39)
  • 關于uniapp開發(fā)h5,前端字體包過大的問題

    關于uniapp開發(fā)h5,前端字體包過大的問題

    ui給的字體包足足23.52M,還讓前端壓縮,讓人頭大…… 我在網上找了好久,這篇文章比較靠譜,但是講的并不仔細,文章鏈接: 第一步:下載安裝壓縮工具、沒有問題 npm install -g font-spider ttc2ttf @hayes0724/web-font-converter 第二步:字體文件轉換為ttf格式 # 源字體文件 otf 格式 ,注

    2024年01月21日
    瀏覽(25)
  • 前端獲取用戶ip地址,并放在請求頭上(uniapp和H5)

    前端獲取用戶ip地址,并放在請求頭上(uniapp和H5)

    ?今日需求: ? ? ? ? ?獲取用戶ip地址,并在每一次請求的時候帶上這個ip地址 獲取 用戶ip地址的方式有很多,各大地圖的開發(fā)者平臺都能找到相關的API接口地址,都很牛掰,但是我看了一下,好像不太適合我(懶病犯了~~),所以我就用shohu的接口: http://pv.sohu.com/cityjson

    2024年02月11日
    瀏覽(18)
  • uniapp 開發(fā)H5頁面,實現語音識別功能--前端,不包含后端轉換

    一、背景 微信小程序開發(fā),內嵌h5頁面,不能調用微信內部的插件 二、實現方式 通過安裝 ?js-audio-recorder? 插件實現既定需求 三、具體步驟 1、安裝插件 npm i js-audio-recorder 2、引入 在需要使用的頁面中引入:import Recorder from \\\'js-audio-recorder\\\'; 3、具體配置

    2024年04月13日
    瀏覽(22)
  • 將h5項目轉成uniapp小程序

    將h5項目轉成uniapp小程序

    打開微信開發(fā)者工具,新建項目; pages下index文件中index.wxml文件打開內容全刪除; 寫入 web-view src=\\\'http://域名.com/\\\'/web-view ; 編譯,成功在小程序中展示; 其后,正常按照小程序流程審核發(fā)布(appID一定要寫正確); 項目又老又大,要是一步一步修改會把我送走,方法很偷懶

    2024年02月11日
    瀏覽(21)
  • uniapp h5支付寶支付后端返回Form表單,前端如何處理

    uniapp h5支付寶支付后端返回Form表單,前端如何處理

    提示:文章寫完后,目錄可以自動生成,如何生成可參考右邊的幫助文檔 uniapp h5 支付寶支付,后端返回一串form表單,前端如何拿到支付串并且調用支付 表單案例: 1.拿到form表單可以存儲表單到本地 2.跳轉頁面將form表單渲染成頁面(直接無腦復制,注意–獲取本地的form表單

    2024年02月14日
    瀏覽(19)
  • 省錢兄同城跑腿小程序源碼uniapp前端模版源碼(小程序+APP+H5)

    開源省錢兄同城跑腿源碼,目前只開源用戶端V2版本部分核心模塊源碼提供學習研究 使用uniapp技術,提供學習使用不可商業(yè) 適配支持公眾號+APP+H5+小程序,使用Hbuilder導入即可運行 #功能說明 發(fā)布跑腿 訂單管理 輪播 幫我買 幫我送 同城服務 同城幫買 萬能任務 公告 紅包 地址

    2024年02月11日
    瀏覽(30)
  • uniApp h5項目/小程序項目通過命令行打包 一個項目二端適配

    uniApp h5項目/小程序項目通過命令行打包 一個項目二端適配

    一、打包環(huán)境 1. 環(huán)境版本 軟件 版本 nodejs v14.17.5 vue/cli 4.5.15 vue 2.x 2. 搭建環(huán)境 安裝nodejs linux安裝流程: https://nodejs.org/download/release/v14.17.5/ 卸載默認vue/cli 安裝vue/cli 二、創(chuàng)建項目 2.1. HBuilder X創(chuàng)建項目 my-project-x 修改展示文字為 gblfy.com 2.2. cli創(chuàng)建項目 通過cli新建一個項目 選

    2024年02月13日
    瀏覽(36)
  • uniapp的h5項目 用命令起這個項目(vue-cli)

    uniapp的h5項目 用命令起這個項目(vue-cli)

    這里其實就相當于給uniapp h5套了一個vue-cli的殼(純屬個人感覺) 首先需要安裝vue-cli 腳手架 然后創(chuàng)建項目(這里需要在hbuilder創(chuàng)建) 安裝成功后它的結構是目錄, 打開項目查看package.json文件,所有對應的命令都已經有了 用命令運行一下 然后在把你的uniapp h5項目全部拷貝到

    2024年04月11日
    瀏覽(17)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包