Broccoli & Babel使用演示样例

1 创建项目project文件夹:test

2 在test下运行

npm init

按提示填写package.json文件

3 安装broccoli命令行工具broccoli-cli

npm install -g broccoli-cli

4 在test文件夹下安装broccoli依赖

npm install --save-dev broccoli


5 在test文件夹下安装broccoli的babel插件

npm install --save-dev broccoli-babel-transpiler

6 在test创建一个新的文件夹src

7 在src下新建一个main.js文件,能够在这个js文件里写包括ES6新特性的代码

8 在test文件夹下,新建一个Brocfile.js文件,文件内容演示样例:

/**
 * @file file description here.
 */
var babel = require('broccoli-babel-transpiler');

fruits = babel('src');

module.exports = fruits;

9 在命令行中进入test文件夹,然后运行下面命令:

broccoli build dist

这样将在test文件夹新增一个dist文件夹。且dist文件夹下会有一个经过babel转换的js文件。


原文地址:https://www.cnblogs.com/tlnshuju/p/7080468.html