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