jspm的使用

jspm的使用

jspm 仍是一個包管理工具,能夠安裝來自不一樣地方的包,好比 npm,github,或者你本身定義的位置。
安裝 JSPM
打開命令行工具,Windows 上用 Powershell,Mac 上用終端,肯定你安裝了 npm,而後執行
npm install jspm -g

建立項目
下面去建立一個簡單的項目,理解一下 jspm 的做用,還有 ES6 模塊。
# 建立目錄
cd ~/desktop
mkdir ninghao-workflow
cd ninghao-workflow

# 建立 package.json 
npm init

# 本地安裝 jspm
npm install jspm --save-dev

# 建立 config.js
jspm init

用編輯器打開這個目錄,而後再去建立一個 index.html 文件,下面是文件裏的內容:
<script src="jspm_packages/system.js"></script>
<script src="config.js"></script>
<script>
System.import('main');
</script>
另外還用了一個 System.import 導入了 main.js 這個模塊,這裏能夠不用文件的擴展名 。下面去建立這個 main.js ,往裏添加點東西:
console.log( 'ninghao.net' );

export default {};

安裝包
jspm install jquery=github:components/jquery
jspm uninstall  jquery

在你的應用裏,如今就能夠使用 ES6 提供的標準寫法 .. 至於怎麼去載入模塊能夠交給 jspm 去處理 .. 也就是你只須要了解 ES6 的模塊寫法
jspm 仍是一個爲瀏覽器上用的東西準備的一個包管理 .. 好比它能夠讓你去從不一樣的源去安裝不一樣的包 .. 默認的源有 npm ,還有 github .. 安裝好你須要的包之後,在你的代碼裏,只須要一行代碼,就能夠使用這些包提供的功能 .. 不用擔憂其它的事情 . .
在開發的時候,jspm 能夠使用 Traceur 或者 Babel ,實時的在瀏覽器上編譯 JavaScript ,把 es6 的代碼編譯成 es5 的代碼 ..
相關文章
相關標籤/搜索