简介

ES6

ES6为ECMAScript 6的简称，是ES标准委员会在2015年推出的JavaScript核心语言标准。相较它的上一个版本（ES5），提供了很多实用的新特性。如：引入了对类的支持；开始原生支持Module模块化；异步编程的又一种解决方案：Promise;对字符串、正则、函数、数组、对象等做了进一步的扩展。

Yarn

用来管理前端的模块依赖，同时相较Npm，它提供了依赖版本锁定的功能，避免了不同人本地开发依赖版本不同的问题。

Webpack

EduSoho 的前端目录分三个部分，EduSoho 主系统、插件、主题，下面是前端的目录结构。

目录说明：

• 插件的前端目录位于插件目录下的 Resources/static-src 下。以 Example 插件为例，前端目录为 plugins/ExamplePlugin/Resources/static-src。
• 前端模块编译打包后，输出到 web/static-dist 目录下。
• 通过 yarn 安装的前端组件库位于 node_modules 目录下。
• yarn.lock为 yarn 锁定前端模块依赖版本信息文件。
• webpack.config.js 为 webpack 前端编译打包的配置文件。

为了实现新入口文件的监听，需手动在项目根目录下添加名为的空文件。

EduSoho 使用 Yarn 来管理前端的依赖。

安装项目的全部依赖：

移除依赖包：

详细使用指南，可参见 。

启动实时编译服务：

该命令会读取配置文件webpack.config.js，启动服务后，默认会在本地启动3030端口的文件实时编译服务，当你在开发过程修改了前端代码后，会实时生效。

前端编译构建的详细使用指南，请参见本章内容的一节。