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