jspm安装

1、安装jspm

    npm install jspm -g 在全局范围安装jspm，就可以在任何地方使用jspm命令了
    jspm // 完成后输入jspm，会返回一些帮组信息
    cd ~/desktop
    mkdir reactProject // 创建项目文件夹
    cd  reactProject
    npm init // 创建package.json，一路回车即可
    ls // 查看文件夹，就会一个package.json文件
    npm install jspm --save-dev // 把 jspm添加到项目开发依赖
    ls // node_modules package.json两个文件
    jspm init // 为jspm创建配置文件config.js， 一系列问题，可一路回车
    ls // 会发现有config.js , jspm_packages（jspm安装的一些包） node_modules package.json

2、安装包 jspm install

jspm install jquery=github:components/jquery
jspm uninstall  jquery

3、使用ES6模块, BrowserSync 使用

 1. npm install -g browser-sync // 安装Node后，通过npm安装BrowserSync(自动刷新)
 2. 使用BrowserSync： browser-sync start --server 开启服务

4、打包bundle 功能

• 打开浏览器的开发者工具 .. 再打开 network 这个选项卡 .. 在这里你会看到被下载的一些东西 .. 这里有挺多 js 文件 .. main.js .. fruit.js ，jquery.js 等等 ..
• jspm 支持 bundle，也就是打包的功能，就是把一些资源打包成一个东西 .. 比如下面我们去把 main.js 这个模块打包成一个东西 ..

• 打包用的是 jspm bundle 命令

  进入项目目录
  jspm bundle app/main app/build.js  // 将app文件夹下的main.js里面的js都打包到build.js中
  完成以后，会在 app 目录下面创建一个叫 build.js 的文件 .. 回到编辑器 .. 用一个 script 标签 .. 把 app 下的 build.js 嵌入进来 .. 保存 ..
  再回到浏览器 .. 在 network 这个选项卡里，会少了很多 js 文件，因为我们把它们打成了一个包 .. 就是这个 build.js ..

作者：iOS_成才录
链接：http://www.jianshu.com/p/4aba847b3e8c
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。