ron nod 刷新 query jquer javascrip start pro
借鉴:http://www.jianshu.com/p/4aba847b3e8c
功能
1. 支持加载 JavaScript 各种模块化的写法:AMD、CommonJS、标准化的 ES6 模块...
2. 包管理器:能从不同的源安装不同的包,默认的源有 npm、github...,安装好包后,在代码中只需要一行代码,就可以使用这些包提供的功能
3. 开发时,可以使用 Traceur 或 Babel,实时的在浏览器上编译 JavaScript,把 ES6 代码编译成 ES5 代码
4. 在正式发布应用时,可以优化创建的包,把模块依赖的东西打成一个包
安装 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
安装、卸载包
- jspm install jquery = github: components / jquery jspm uninstall jquery
ES6 模块, BrowserSync 使用
- 1.npm install - g browser - sync // 安装Node后,通过npm安装BrowserSync(自动刷新)
- 2.使用BrowserSync:browser - sync start--server开启服务
打包 bundle 功能
- 进入项目目录jspm bundle app / main app / build.js // 将app文件夹下的main.js里面的js都打包到build.js中
- 完成以后,会在app目录下面创建一个叫build.js的文件在html中用一个script标签把app下的build.js嵌入进来并保存浏览器在network这个选项卡里,少了很多js文件,因为已经将他们打包了
jspm 简介
来源: http://www.bubuko.com/infodetail-2221996.html