jspm 安装试用

1. 安装
yarn  global add jspm  or npm install -g jspm
2. 创建项目使用
mkdir appdmeo
jspm init
3. 安装依赖
jspm install npm:lodash-node
jspm install github:components/jquery
jspm install jquery
jspm install myname=npm:underscore
4. 编写代码
lib/bootstrap.js
    import _ from 'lodash-node/modern/lang/isEqual.js';
    import $ from 'jquery';
    import underscore from 'myname';

    export function bootstrap() {
      // bootstrap code here
    }
    
lib/main.js
    import {bootstrap} from './bootstrap.js';
    bootstrap();

index.html
  <!doctype html>
  <script src="jspm_packages/system.js"></script>
  <script src="config.js"></script>
  <script>
    System.import('lib/main.js');
  </script>
5. 运行
 jspm bundle lib/main --inject
6. 效果
 
 
7. 插件使用
jspm install  css json
使用方式，结尾添加!
import "../css/demo.css!"
import "../json/app.json!"
8. 参考资料
https://jspm.io/

posted on 2018-01-04 13:53  荣锋亮  阅读(1122)  评论(0)  编辑  收藏  举报

导航