[TOC]
# module loaders
以下是一些 module loaders 的示例:
SystemJS:https://github.com/systemjs/systemjs
jspm:https://jspm.org/
StealJS:https://stealjs.com
RequireJS:https://requirejs.org
## jspm
jspm 是一個瀏覽器包管理工具也可以理解成是 JavaScript 的軟件包管理工具,它是工作在 SystemJs (模塊加載器)通用模塊之上,jspm不是一個全新的包管理器,而是基于已存在的包資源進行的,它是與 NPM 和 GitHub 協同合作的
## SystemJS
https://github.com/systemjs/systemjs
systemjs 是模塊加載器,它可以導入任何流行格式的模塊(CommonJs,UMD,AMD,ES6),它是工作在 ES6模塊加載polyfill 之上,它能夠很好的處理和檢測所使用的格式。 systemjs 也能使用插件轉換es6( 用 Babel 或者 Traceur)或者轉換TypeScript 和 CoffeeScript代碼。你只需要在導入你的模塊之前使用 System.config({ … }) 進行系統配置,jspm使用systemjs管理包及其依賴項,這樣我們就不用擔心包不按正確的順序加載。
# 參考
[React系列之--使用jspm管理](https://www.jianshu.com/p/4d55afa2d151)
[JavaScript 模塊(2):模塊打包](http://web.jobbole.com/87287/)
- 講解 Markdown
- 示例
- SVN
- Git筆記
- github 相關
- DESIGNER'S GUIDE TO DPI
- JS 模塊化
- CommonJS、AMD、CMD、UMD、ES6
- AMD
- RequrieJS
- r.js
- 模塊化打包
- 學習Chrome DevTools
- chrome://inspect
- Chrome DevTools 之 Elements
- Chrome DevTools 之 Console
- Chrome DevTools 之 Sources
- Chrome DevTools 之 Network
- Chrome DevTools 之 Memory
- Chrome DevTools 之 Performance
- Chrome DevTools 之 Resources
- Chrome DevTools 之 Security
- Chrome DevTools 之 Audits
- 技巧
- Node.js
- 基礎知識
- package.json 詳解
- corepack
- npm
- yarn
- pnpm
- yalc
- 庫處理
- Babel
- 相關庫
- 轉譯基礎
- 插件
- AST
- Rollup
- 基礎
- 插件
- Webpack
- 詳解配置
- 實現 loader
- webpack 進階
- plugin 用法
- 輔助工具
- 解答疑惑
- 開發工具集合
- 花樣百出的打包工具
- 紛雜的構建系統
- monorepo
- 前端工作流
- 爬蟲
- 測試篇
- 綜合
- Jest
- playwright
- Puppeteer
- cypress
- webdriverIO
- TestCafe
- 其他
- 工程開發
- gulp篇
- Building With Gulp
- Sass篇
- PostCSS篇
- combo服務
- 編碼規范檢查
- 前端優化
- 優化策略
- 高性能HTML5
- 瀏覽器端性能
- 前后端分離篇
- 分離部署
- API 文檔框架
- 項目開發環境
- 基于 JWT 的 Token 認證
- 扯皮時間
- 持續集成及后續服務
- 靜態服務器搭建
- mock與調試
- browserslist
- Project Starter
- Docker
- 文檔網站生成
- ddd