摘要:本文近日施工中與各位分享近期筆者寫一個較繁復的輪子的過程,以及其中的踩坑與思考。拿常用的庫作比較的話,這個庫性質類似這種輔助的工具庫,這種范式有函數式和響應式編程的味道,具體是屬于數據流編程的一種。
(本文近日施工中...)
與各位分享近期筆者寫一個較繁復的輪子的過程,以及其中的踩坑與思考。若有更佳實踐,還望不吝賜教。
要素察覺:目錄結構, git 分支策略, TS 與 Lint ,多個構建入口和目標包格式 (TS 與 構建,TS 與 Jest(測試) ,Rollup), tree shaking 與搖不下來的副作用,蛋疼的 jest debug 與 source map 。
輪子樣貌輪子是做 Flow-based Programming 用的,主要和我導師項目有關,如果你對這種編程范式有興趣,可以進入 這個 Wiki 傳送門 和 這個 awesome-fbp 項目看看類似的 FBP 項目。用過 IBM 的 UML 工具的同學可能更好理解,它類似活動和狀態圖。拿常用的庫作比較的話,這個庫性質類似 lodash, RxJS 這種輔助 coding 的工具庫,這種范式有函數式和響應式編程的味道,具體是屬于數據流編程的一種。因為解釋起來很麻煩,所以略去千字...
一些小目標 覆蓋主要幾種包格式CommonJS:Node.js 的尋常包格式,用 npm 安裝再直接 require 那種
ES Module:ES2015 標準推的 JS 模塊標準,搭配 webpack/rollup 搖一搖食用更佳,rollup 還會做數據流分析,搖樹的力度更大。我們把 ESM 版本也放在 npm 發布的包里,提供 package.json 中的 module 字段和一個 path-mapping 文件(給 Babel/webpack/rollup 配置時用的),將用戶普通 require 的目標重定向到 ESM 版本
UMD:一種兼容 CJS,ESM,AMD 以及全局導出的包格式。通常直接 HTML 里 的那種。同樣把它放在 npm 包中,再給 package.json 添加 unpkg, jsdelivr 字段,這兩家是 npm 的 CDN ,使用戶從 CDN 加載時指向 UMD 格式的包。
ES Module (browser): ESM 格式的包,給瀏覽器用的, 的那種。
CJS 和 ESM 發布的包應是模塊化、多文件的,UMD 和 ESM-browser 則將所有文件打成一個包,方便用戶下載和導入。
typings:TypeScript 的聲明文件,建議當作一個版本,多帶帶放在一個文件夾;不然 *.js, *.js.map, *.d.ts 在一起看著很擠,版本之間又重復
使用多個構建入口和常量,而非環境變量(本文近日施工中...)
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/105967.html
摘要:在他的重學前端課程中提到到現在為止,前端工程師已經成為研發體系中的重要崗位之一。大部分前端工程師的知識,其實都是來自于實踐和工作中零散的學習。一基礎前端工程師吃飯的家伙,深度廣度一樣都不能差。 開篇 前端開發是一個非常特殊的行業,它的歷史實際上不是很長,但是知識之繁雜,技術迭代速度之快是其他技術所不能比擬的。 winter在他的《重學前端》課程中提到: 到現在為止,前端工程師已經成為研...
摘要:在他的重學前端課程中提到到現在為止,前端工程師已經成為研發體系中的重要崗位之一。大部分前端工程師的知識,其實都是來自于實踐和工作中零散的學習。一基礎前端工程師吃飯的家伙,深度廣度一樣都不能差。開篇 前端開發是一個非常特殊的行業,它的歷史實際上不是很長,但是知識之繁雜,技術迭代速度之快是其他技術所不能比擬的。 winter在他的《重學前端》課程中提到: 到現在為止,前端工程師已經成為研發體系...
簡介 本輪子是通過 React + TypeScript + Webpack 搭建的,至于環境的搭建這邊就不在細說了,自己動手谷歌吧。當然可以參考我的源碼。 這里我也是通過別人學的,主要做些總結及說明造各個輪子的一種思路,方便今后使用別人的的輪子時自己腦中有造輪子的思想,能通過修改源碼及時修改 bug,按時上線。 本文的 Icon 組件主要是參考 Framework7 中的 Icon React ...
簡介 本輪子是通過 React + TypeScript + Webpack 搭建的,至于環境的搭建這邊就不在細說了,自己動手谷歌吧。當然可以參考我的源碼。 這里我也是通過別人學的,主要做些總結及說明造各個輪子的一種思路,方便今后使用別人的的輪子時自己腦中有造輪子的思想,能通過修改源碼及時修改 bug,按時上線。 本文的 Icon 組件主要是參考 Framework7 中的 Icon React ...
摘要:呵呵,你沒想到吧,這玩意兒竟然有第三集我靠,我自己都沒想到,讓我們悄悄的回顧一下前兩集完全沒想到,竟然會有第二集我厭倦了,那就造個輪子第二集痛點分析第一集在這里我厭倦了,那就造個輪子算了,我都懶得寫了,自己看吧,當然不看也無所謂,正式開始。 倉庫:215566435/rectx 前言 麻煩快去我的倉庫里面噴: 老子學不動了,求不要更新。 呵呵,你沒想到吧,這玩意兒竟然有第三集!我靠,我...
閱讀 649·2021-11-25 09:43
閱讀 1668·2021-11-18 10:02
閱讀 1041·2021-10-15 09:39
閱讀 1890·2021-10-12 10:18
閱讀 2122·2021-09-22 15:43
閱讀 773·2021-09-22 15:10
閱讀 2088·2019-08-30 15:53
閱讀 988·2019-08-30 13:00