ES6知识点整理使用jspm部署ES6的项目的应用

项目的初始化

• 在项目目录中执行，$ npm init -y 初始化操作
• 安装jspm依赖：$ sudo yarn add jspm --dev
• jspm初始化操作：$ ./node_modules/.bin/jspm init 一路回车，选择输入 Babel

MacBook-Pro:20 Johnny$ ./node_modules/.bin/jspm init
Would you like jspm to prefix the jspm package.json properties under jspm? [yes]:
Enter server baseURL (public folder path) [./]:
Enter jspm packages folder [./jspm_packages]:
Enter config file path [./config.js]:
Configuration file config.js doesn't exist, create it? [yes]:
Enter client baseURL (public folder URL) [/]:
Do you wish to use a transpiler? [yes]:
Which ES6 transpiler would you like to use, Babel, TypeScript or Traceur? [babel]:Babel
ok   Verified package.json at package.json
    Verified config file at config.js
    Looking up loader files...

等候下载完成

项目结构展示

index.html

关键代码：

<script src="jspm_packages/system.js"></script>
<script src="config.js"></script>
<script>
	System.import('./main.js');
</script>

main.js模块 :

import moduleA from './modules/a';
import moduleB from './modules/b';

moduleA();
moduleB();

modules/a 模块：

export default function () {
  console.log('module A');
}

modules/b 模块：

export default function () {
  console.log('module B');
}

使用http模块的形式访问，既能够输出

module A
module B

关于jspm init时候 一直download不成功的问题

我原来电脑上的hosts文件设置，为了防止github无法ping通来设置的

192.30.253.113    github.com
192.30.252.131 github.com
185.31.16.185 github.global.ssl.fastly.net
74.125.237.1 dl-ssl.google.com
173.194.127.200 groups.google.com
192.30.252.131 github.com
185.31.16.185 github.global.ssl.fastly.net
74.125.128.95 ajax.googleapis.com

我把这个全部删除就能够正常下载了

网上的一些jsmp无法正常使用的讨论：

• https://github.com/jspm/registry/issues/541
• https://github.com/jspm/jspm-cli/issues/10