Question

我正在建立一个带有NPM依赖关系的React环境，用于捆绑的Webpack和用于编码ES6的Babel。我希望能够在我的项目中随处使用ES6。

我的webpack.config.js文件设置使用'babel-loader'如下：

var webpack = require ('webpack')
var path = require ('path')
var DIST_DIR = path.resolve(__dirname, 'dist')
var SRC_DIR = path.resolve(__dirname, 'src')

module.exports = {
    entry:  SRC_DIR + '/app/index.js',
    output: {
        path: DIST_DIR + '/app',
        filename: 'bundle.js',
        publicPath: '/app/'
    },
    module: {
        loaders: [
            {
                test: /\.jsx?/,
                include: SRC_DIR,
                loader: 'babel-loader',
                query: {
                    presets: [ 'react', 'es2015', 'stage-2' ]
                }
            }
        ]
    }
}

一切都按预期工作，但是这个文件（webpack.config.js）不是用ES6编写的！

是否可以在我的项目中使用ES6？如果是，我在哪里设置Babel及其预设？

注意：我正在使用node v6.10.2

使用Babel设置Webpack以进行ES6编码

0 个答案: