10-项目结构

2.2.7　项目结构

使用Gulp和Babel将ES6代码转化成ES5之前，需要考虑代码应该放在项目中的什么位置。在JavaScript开发中，并没有一个世界通用的项目结构标准。相反，多样性在这个生态系统中体现得淋漓尽致。通常，项目的源代码会放在src或者js目录下。这里将把源代码放在es6这个目录下，体现出在使用ES6编写JavaScript代码。

因为大多数项目包含了服务器端（Node）代码和客户端（浏览器）代码，下面会在例子中把它们区分开来。服务器端代码放在根目录的es6目录下，而在浏览器端可以看到的代码放在public/es6目录下（默认情况下，所有被浏览器加载的代码都是public的，这是一个很常见的约定）。

在下一节，会把ES6代码转换成ES5代码，所以还需要一个地方来存放这些代码（不想把它们与ES6代码混在一起）。一个通用的约定是把它们放在一个叫作dist的目录下（是单词分布“distribution”的缩写）。

把所有代码放置好后，项目的根目录应该看起来是下面的结构：

.git                  # Git
.gitignore
package.json        # npm
node_modules
es6                   # Node source
dist
public/              # browser source
    es6/
    dist/