jspm的基本使用

1、什么是jspm

jspm就是一个包管理工具，可以使用babel或traceur，实时的在浏览器上进行javascript编译。

2、全局安装jspm

npm install jspm -g

3、初始化项目

npm init

4、将jspm安装到项目目录里

npm install --save-dev jspm 或 cnpm install --save-dev jspm

5、创建配置文件

jspm init

6、创建index.html 并引入两个js并导入app/main文件

7、创建app/main.js文件，写入es6代码，启动项目，它会自动对es6代码进行编译。

browser-sync start --server --files "css/*.css,*.html" --browser "chrome"

8、当然我们还可以引入一些库，例如：jquery 。

jspm insatll jquery

9、增加foods.js，并引入jquery， 并将main.js 改造，然后再次启动项目

foods.js：

main.js：

10、打包项目（bundle）

jspm bundle app/main app/build.js --inject

未打包之前，会引入大量js

而打包之后，则只会引入app/build.js：

ps:--inject 会自动将大的包打入到build.js中，并引入；如果不加，则需手动在index.html中引入build.js文件。