Broccoli & Babel使用示例

1 創建項目工程目錄: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文件。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章