瀏覽器原生 ES imports嘗鮮

2021-10-13 12:44:13 字數 967 閱讀 8020

作為vue的忠實擁護者,怎麼能不知道vite呢?

今年四月,尤大大於一條微博宣布vite誕生:

vite,乙個基於瀏覽器原生 es imports 的開發伺服器。利用瀏覽器去解析 imports,在伺服器端按需編譯返回,完全跳過了打包這個概念,伺服器隨起隨用。同時不僅有 vue 檔案支援,還搞定了熱更新,而且熱更新的速度不會隨著模組增多而變慢。針對生產環境則可以把同乙份**用 rollup 打包。雖然現在還比較粗糙,但這個方向我覺得是有潛力的,做得好可以徹底解決改一行**等半天熱更新的問題。

當然,本文不是介紹vite的,感興趣的網上自行搜尋,推薦一篇《如何看待 web 開發構建工具 vite?》

我只是想玩玩瀏覽器原生的es imports,哈哈。

我寫了乙個簡單的demo

由於需要服務環境,利用node搭了乙個簡易伺服器

var express = require("express");

// 搭建伺服器

// 使用靜態中介軟體

其中type="module">是核心**,我們啟動服務,瀏覽器訪問3000埠

瀏覽器原生Fetch方法封裝

瀏覽器原生的fetch方法是一種promise形式的非同步互動方法 目前大部分瀏覽器都已支援 ie我沒說你 fetch.js檔案 export function obj2params obj return result result.slice 1 result export const post ...

原生JS獲取瀏覽器版本資訊

專案中經常用到的方法,放這邊省的寫其他專案用到了還要重新寫或者翻以前專案 找不到是誰寫的,直接拿來放這兒了 function getbrowserinfo old ie if agent.indexof msie 0 edge if agent.indexof edge 0 firefox if a...

瀏覽器 瀏覽器高效搜尋

一 常見場景 以場景的形式來說明 1 場景1 網路上查詢一本書的 指定文件型別 如pdf 如 搜尋關鍵字 c primer plus 的 pdf 版本 輸入 格式 關鍵字 空格 filetype pdf 例項 c primer plus中文版 filetype pdf關鍵字 filetype 2 場...