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 的代码 ..