jspm的基本使用
来源:互联网 发布:什么是大数据开发 编辑:程序博客网 时间:2024/06/14 19:16
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文件。
阅读全文
0 0
- jspm的基本使用
- 07、React系列之--使用jspm管理
- jspm安装
- Ant 的基本使用
- Ant 的基本使用
- Eclipse的基本使用
- Eclipse的基本使用
- JBuilder的基本使用
- JavaDB的基本使用
- Eclipse的基本使用
- Eclipse的基本使用
- JTable的基本使用
- cscope的基本使用
- gdb的基本使用
- DWR的基本使用
- svn的基本使用
- sqlite3的基本使用
- ssh的基本使用
- MyBatis+Oracle实现主键自增长的几种常用方式
- nohup不起作用?
- 玩免费亚马逊云服务器中遇到的坑
- CodeForces
- Windows 小技巧——环境变量设置
- jspm的基本使用
- 浮点数的操作问题
- React Native 在Windows下的环境安装
- 多选框全选和反选的例子
- spring mvc高级篇(一):Spring+SpringMVC+Hibernate整合
- 技术的本质 读书笔记
- 机器学习10大经典算法
- 2017"百度之星"程序设计大赛
- 2017 百度之星A轮初赛(小C的倍数问题, 今夕何夕, 度度熊的01世界)