iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
Modern Web

想成為超級開源貢獻者嗎 ? 新手也能用Javascript寫出專業高效能的"新世代"開源庫 系列

Vue3原始碼最近正式發布,閱讀原始碼的過程不禁好奇
jQuery/React/Vue/Vue3這些膾炙人口的開源庫是怎麼架構出來的呢?
需要用到哪些技術和工具呢?
這30天將會跟著各位大哥大姐一起研究,一步一步整理出如何用 rollup babel lerna 等工具架構出新世代的javascript開源庫。

----一個非本科系大學生的開源庫初體驗

鐵人鍊成 | 共 30 篇文章 | 23 人訂閱 訂閱系列文 RSS系列文
DAY 11

JS小精靈-babel

babel是甚麼 Babel是一個工具鏈,主要用於在當前和較舊的瀏覽器或環境中將ECMAScript 2015+代碼轉換為JavaScript的向後兼容版本(最...

2020-09-17 ‧ 由 Evan Wang 分享
DAY 12

JS小精靈-babel -2

JS小精靈-babel -2 首先我們先來練練手 創建一個新的檔案,並開啟終端機 初始化npm C:\Users\user\Desktop\IT鐵人賽\I...

2020-09-18 ‧ 由 Evan Wang 分享
DAY 13

JS小精靈-babel -3

昨天我們一起討論完babel-cli,今天我們將會持需介紹其他套件 babel-node 現在是@babel/node babel-node是babel-cli...

2020-09-19 ‧ 由 Evan Wang 分享
DAY 14

JS小精靈 babel -4

今天我們將會介紹剩下的幾個babel常用套件 babel-runtime 和babel-plugin-transform-runtime 我們時常在項目中看到....

2020-09-20 ‧ 由 Evan Wang 分享
DAY 15

模塊 Module

什麼是模塊?? 好的作者將他們的書分為章節,一個好的團隊需要分工合作,一個優秀的工程師需要將他們的程式分為模塊。 前端的模塊就是後端的namespace的...

2020-09-21 ‧ 由 Evan Wang 分享
DAY 16

模組化工具webpack

早安,昨天介紹完模組化,今天我們來討論現在最火紅的自動化模組化打包工具巴。 Webpack 一樣先依照慣例進入 www 時間 What Webpack??...

2020-09-22 ‧ 由 Evan Wang 分享
DAY 17

模塊打包工具 rollup

開場小提醒 Rollup.js 中文網(https://www.rollupjs.com/) 是別人翻譯的,不是實時更新的優。建議:去原文官網 rollup...

2020-09-23 ‧ 由 Evan Wang 分享
DAY 18

模塊打包工具 rollup vs webpack

終於來到了第十八天,今天將是我們重頭戲的開始,大家可以先開啟我們昨天的檔案喔。稍後會用rollup打包同一個檔案,可以自行將打包出來的代碼跟昨天的進行比對喔!!...

2020-09-24 ‧ 由 Evan Wang 分享
DAY 19

模塊打包工具 rollup 基礎使用

昨天和大家一起完rollup的基本使用方式,今天將會和大家介紹rollup 的常用配置方式。 rollup常用配置 input文件進入點地址 2.outp...

2020-09-25 ‧ 由 Evan Wang 分享
DAY 20

模塊打包工具 rollup API

今天將會一起討論幾個常用的rollup api rollup.rollup 這裡直接來範例,可開啟之前的範例檔先在跟目錄增加一個rollup-input-...

2020-09-26 ‧ 由 Evan Wang 分享