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   荣锋亮  阅读(1123)  评论(0编辑  收藏  举报

编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2015-01-04 转 关于ruby gem无法连接到rubygems.org的解决方案

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示