安裝nodejs

根目錄下執行

 npm init

根據提示輸入專案相關資訊，然後執行：

npm install

安裝webpack

在專案根目錄下執行

npm install webpack --save-dev

安裝babel loader 和 轉碼規則

在根目執行命令：

npm install babel-loader --save-dev
npm install babel-preset-es2015 --sava-dev //安裝轉碼規則

babel loader 可以將ES6的程式碼編譯成ES5

建立webpack配置檔案

在原始碼目錄建立 webpack.config.js 檔案，內容如下:

var path = require('path');  //載入nodejs的路徑處理模組
module.exports = {
    entry: './es6/index.js',
    output: {
        path: __dirname,        //__dirname是一個nodejs變數，表示當前js檔案所在的目錄
        filename: 'bundle.js'
    },
    module: {
        loaders: [
            {
                test: path.join(__dirname, 'es6'
 
),    //配置檔案目錄下的es6資料夾作為js原始碼資料夾，所有原始碼一定要放在該資料夾下
                loader: 'babel-loader' ,
                query: {
                    presets: ['es2015']
                }
            }
        ]
    }
};

entry和output都是通用的配置，與ES6無關，這裡不展開。重點在loaders配置，loader和query一定要配置

注意：test配置指定了哪些是ES6程式碼，可以指定一個資料夾，則所有原始碼一定要放在該資料夾下，或者用一個 正則表示式指定哪些是ES6程式碼。只有ES6程式碼，才會編譯。

之後便可以編寫ES6寫法的js，打包運行了

參考文件