安装webpack编译

npm init

npm install -g webpack

npm install babel-loader --save-devnpm install babel-preset-es2015 --sava-dev //安装转码规则

在源代码目录创建 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']                }

            }

        ]

    }

};

注意：test配置指定了哪些是ES6代码，可以指定一个文件夹，则所有源代码一定要放在该文件夹下，或者用一个 正则表达式指定哪些是ES6代码。只有ES6代码，才会编译。

最近输入webpack编译