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