在前端开发中，模块化已经成为一种不可或缺的开发方式。而使用 ES6 模块化进行开发，则可以带来更好的封装、更高的可维护性和更好的可读性。在使用 ES6 模块化开发前端应用时，我们经常会遇到需要搭建基础环境的问题，这个时候 bsu-es6-module-starter 就可以帮助我们快速搭建起一个基础的开发环境。
什么是 bsu-es6-module-starter
bsu-es6-module-starter 是一个基于 Node.js 和 webpack 的 ES6 模块化开发脚手架，它可以帮助开发人员快速搭建起一个基于 ES6 模块化的前端开发环境。
如何使用 bsu-es6-module-starter
首先，你需要提前安装 Node.js 环境和 npm 包管理器。
安装
$ npm install -g bsu-es6-module-starter
创建项目
$ bsu-es6-module-starter create my-project
这个命令将会创建一个新的项目，新建的项目包含了一些预置的文件和配置来帮助你开始你的工作。
开始开发
对于新建的项目，你可以使用下面的命令来启动你的开发服务器。
$ cd my-project $ npm start
这个命令将会启动一个开发服务器，你可以在浏览器中访问 http://localhost:8080 来访问你的项目。
构建
当你已经完成了你的开发工作，你需要使用下面的命令来构建你的项目。
$ npm run build
这个命令将会构建你的整个项目，包括 JS、CSS 等等等。
示例代码
下面是一个简单的示例代码，主要用于演示如何在 bsu-es6-module-starter 中使用 ES6 模块化进行开发。
// app.js
import { sum } from './math';
console.log(sum(1, 2)); // 3// math.js
export function sum(a, b) {
return a + b;
}总结
通过本文的介绍，读者已经了解了 bsu-es6-module-starter 的基本使用方法，我们可以利用这个工具帮助我们快速搭建起一个基于 ES6 模块化的前端开发环境，并且可以使用示例代码来帮助读者更好的理解如何使用 ES6 模块化进行开发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cc081e8991b448da5c2