iT邦幫忙

vite相關文章
共有 93 則文章
鐵人賽 Modern Web DAY 21

技術 你知道這是什麼嗎? Chrome extension MV3 With Vite - Day 21 Extension 中的 ES6 Module

Hi Dai Gei Ho~ 我是Winnie ~ 在前面文章中,我們介紹到 Vite 主要運作核心為 ES6 Module ,透過ES6 Moduleimpo...

鐵人賽 Modern Web DAY 6

技術 真的好想離開 Vue 3 新手村 - Day 6: 什麼是 Vue SFC 檔?如何被編譯?feat. Vite

Outline 什麼是 SFC 檔 認識 SFC 檔的組成 - Language Block SFC 檔會如何被解析(其實不算重要,但因為我很好奇) 什麼是...

鐵人賽 Modern Web DAY 6

技術 Day 06 你的 Javascript 不是你的 Javascript(Webpack 與 Vite 簡介)

Webpack 它為了解決什麼問題而生? 正如我在 Day 03 提過的,在各種執行環境、規格、版本、語法大亂鬥的時代,把開發環境的程式碼與資料轉換成適合佈署到...

鐵人賽 影片教學 DAY 4
我讀你看 系列 第 4

技術 [npm] npm create 是什麼?自己寫的 CLI 也可用這個指令嗎?

建議使用 1.2x 以上的播放速度觀看 npm create vite 做了什麼? 如果你想建立一個 CLI 工具,要怎麼做才可以透過 npm crea...

鐵人賽 Modern Web DAY 4

技術 真的好想離開 Vue 3 新手村 - Day 4: 從 npm run build (vite build) 簡單認識打包

誰適合看這篇 不知道 npm run dev、npm run build、npm run preview 的用處 不知道「打包」做了哪些事?為什麼前端需要打包...

鐵人賽 Modern Web DAY 19

技術 你知道這是什麼嗎? Chrome extension MV3 With Vite - Day 19 用 Vite 創建一個 Extension 吧

Hi Dai Gei Ho~ 我是Winnie ~ 從此篇文章開始,我們將進入 使用 Vite 開發 Extension 系列篇。 經過了這麼多天的介紹,...

鐵人賽 影片教學 DAY 3
我讀你看 系列 第 3

技術 [vite] 你要的,Vite 都幫你準備好了

建議播放速度 x1.2 以上 Vite features TypeScript isolatedModules glob import

鐵人賽 Modern Web DAY 3

技術 真的好想離開 Vue 3 新手村 - Day 3: 細看 Vue + Vite 專案資料夾結構

誰適合看這篇 已經初步了解 npm、package.json、package-lock.json、node_modules 建立 Vue 專案後,沒有仔細看...

鐵人賽 影片教學 DAY 2
我讀你看 系列 第 2

技術 [vite] Vite 是什麼?正確的發音怎麼唸!?

20:00 首播,建議播放速度 x1.2 Vite 怎麼唸? 不是 Vue 可以用 Vite 嗎?(Getting Started) Vite 為什麼它...

鐵人賽 Modern Web DAY 2

技術 真的好想離開 Vue 3 新手村 - Day 2: 建立 Vue 專案開發環境 feat. Vite

剛開始學 Vue,最困擾的就是該怎麼建立開發的環境。 誰適合看這篇: 不知道怎麼建立 Vue 專案 按照官網用 npm init vue@latest 建立了...

鐵人賽 自我挑戰組 DAY 29
30天深入淺出Redux 系列 第 29

技術 Redux 深入淺出 - [ Day 29 ] React RTK Query Typescript todo list (更新 & 刪除)

前一篇我們完成了基本的 getAll request,並於畫面簡單呈現表單內容,那麼今天我們就接續完成他應該有的修改與刪除能吧! 讓我們先回到 todoApi...

鐵人賽 自我挑戰組 DAY 28
30天深入淺出Redux 系列 第 28

技術 Redux 深入淺出 - [ Day 28 ] React RTK Query Typescript 實作

前一篇我們大致上了解了 API server 的運作與 todo 的格式,今天讓我們回歸主線,來使用 RTK query 整理我們的剛才的 todo APIs,...

鐵人賽 自我挑戰組 DAY 26
30天深入淺出Redux 系列 第 26

技術 Redux 深入淺出 - [ Day 26 ] React RTK Typescript 基本應用

接續前一篇的進度,我們已經設置好 store 了,接著我們來試做一個簡單的 counter 講解一下在 Typescript 的環境下如何處理我們的 slice...

鐵人賽 自我挑戰組 DAY 25
30天深入淺出Redux 系列 第 25

技術 Redux 深入淺出 - [ Day 25 ] Redux Toolkit Query 簡介

什麼是 Redux Toolkit Query? Redux Toolkit Query 官方簡稱 RTK Query RTK Query 是一種進階數據獲取和...

鐵人賽 自我挑戰組 DAY 24
30天深入淺出Redux 系列 第 24

技術 Redux 深入淺出 - [ Day 24 ] React Redux Pokemon 換頁功能

前一篇我們已經完成大致上所有的功能了,今天篇稍微調整一下 UI 畫面,並讓我們的選單有上下頁的功能。 我們已知回傳資料內有上下頁完整的 url 了,所以我們也...

鐵人賽 自我挑戰組 DAY 23
30天深入淺出Redux 系列 第 23

技術 Redux 深入淺出 - [ Day 23 ] React Redux 非同步處理

如果一路跟到這邊的話應該會覺得處理上很容易,事實上確實也是如此,因為前面的規劃已經完成了,包含非同步事件的處理,這些也就只是 javascript 的基本觀念而...

鐵人賽 自我挑戰組 DAY 22
30天深入淺出Redux 系列 第 22

技術 Redux 深入淺出 - [ Day 22 ] React Redux 資金功能設定

前面的章節我們完成了完整的商品進貨購買功能,是時候算個帳了! 今天就是要把錢的部分給加進來,我們可以從先前的 Redux Toolkit 的專案內搬移 ass...

鐵人賽 自我挑戰組 DAY 21
30天深入淺出Redux 系列 第 21

技術 Redux 深入淺出 - [ Day 21 ] React Redux 商品功能設定 - (蛋糕)

前篇我們已經完成咖啡與咖啡豆兩樣商品的搬遷,今天我們將蛋糕的部分也移植過來我們 React 的專案裡面,也順便加深使用的印象。 還記得怎麼處理嗎? Start...

鐵人賽 自我挑戰組 DAY 20
30天深入淺出Redux 系列 第 20

技術 Redux 深入淺出 - [ Day 20 ] React Redux 商品功能設定-(咖啡&咖啡豆)

前一篇,我們已經完成了咖啡商品的購買功能,以及示範了 React 的 component 拆分方法,那麼這篇我們就接續完成另一項進貨的功能吧! 首先,我們先回...

鐵人賽 自我挑戰組 DAY 19
30天深入淺出Redux 系列 第 19

技術 Redux 深入淺出 - [ Day 19 ] React Redux setup

前篇我們已經完成了基本的 Store setting,並透過 React Redux 的 provider 提供所有 component 來使用,其用意與 Re...

鐵人賽 自我挑戰組 DAY 18
30天深入淺出Redux 系列 第 18

技術 Redux 深入淺出 - [ Day 18 ] React Redux 簡介

在整進 React 專案之前我們必須了解一件事,Redux 是可以單獨獨立運作的,這也是我們之前所做的兩個 project 驗證的結果,大家應該都不陌生,兩個...

鐵人賽 Modern Web DAY 2

技術 你知道這是什麼嗎? Chrome extension MV3 With Vite - Day2 運行環境&組成

Hi Dai Gei Ho~ 我是Winnie ~ 在上篇文章中,我們已初步的了解 Extension 是什麼後,接著再今天內容我們要再深入一步探討關於 Ex...

鐵人賽 Modern Web DAY 1

技術 你知道這是什麼嗎? Chrome Extension MV3 with Vite - 前言&大綱

Hi Dai Gei Ho~ 我是Winnie ~ 目前是一位前端工程師,目標是可以 持續在做自己喜歡的事。如果對於我還有一絲好奇的捧油可以看看 這篇文章 在...

鐵人賽 Modern Web DAY 8

技術 Day_08 : 讓 Vite 來開啟你的Vue 之 Vite 核心 HMR

Hi Dai Gei Ho~ 我是Winnie~ 今天是第八天,中秋連假到數結束第二天~ 在開始說明今天主題之前,請大家回憶一下,當我們在local開發時,先不...

鐵人賽 Modern Web DAY 7

技術 Day_07 : 讓 Vite 來開啟你的Vue 之 Vite 核心 esbuild

Hi Dai Gei Ho~ 我是Winnie~ 今天終於來到我的第七天,按照七天養成一個好習慣的說法,我發現自己好像也開始養成了每天會寫一點東西的習慣,不管...

鐵人賽 Software Development DAY 6

技術 [第六隻羊] 迷霧森林建築工事 V 哈囉世界安安vue

天亮了 昨晚是平安夜 關於迷霧森林故事 Rock you,Rock you,Rock you 敲家門沒人應沒的 Rocky找不到先行離開招集會的父母有點著急沿著...

鐵人賽 Modern Web DAY 6

技術 Day_06 : 讓 Vite 來開啟你的Vue 之 Production Build

Hi Dai Gei Ho~ 我是Winnie~ 今天是中秋連假的第一天,(而聽主管說 通常連假什麼的最容易在鐵人賽中殞落XD), 所以為了證明我還沒殞落,希...

鐵人賽 Modern Web DAY 5

達標好文 技術 Day_05 : 讓 Vite 來開啟你的Vue 之 前進Vite

Hi Dai Gei Ho~ 我是Winnie,終於今天來到了第五天,明天也要放假了! 在接下來幾篇文章也將開始進入 Vite 的主題,其中此篇文章主要會針對...

鐵人賽 Modern Web DAY 4

技術 Day_04 : 讓 Vite 來開啟你的Vue_ Module Bundler

Hi~Dai Gei Ho,我是Winnie,今天是2021/09/16 ,是個對我來說別具意義的一天,希望大家都要健康快樂。( 夜深了,突然想來碎唸下XD。...

鐵人賽 Modern Web DAY 1

技術 Day_01: 讓 Vite 來開啟你的Vue 前言

Hi Da Gei Ho~ 初次見面,我是Winnie~ 我是一位剛轉職六個月的菜鳥前端(前身是網頁設計師),如果對於我的轉職的過程有一絲好奇的朋友的可以看看...