React / ES6 Webpack配置将无法编译为ES5

问题描述 投票:3回答:0

我正在尝试使用服务器构建React应用程序,但是我遇到了配置Webpack的问题。 我的服务器代码位于一个名为api的目录中,而反应代码是一个名为src的导向器。 Webpack编译器应该反应代码,但是当我在我的服务器代码上使用ES6时,它无法编译。 这是我用于开发的webpack配置:

const webpack = require('webpack');
var path = require('path');
module.exports = {
  devtool: 'inline-source-map',
entry: [
    'webpack-hot-middleware/client',
    './src/index'
],
module: {
    loaders: [
        {
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader',
            include: [
                path.join(__dirname, 'src'),
                path.join(__dirname, 'api')
            ],
            query: {
                presets: ['react', 'es2015']
            },
        },
        ....

当我尝试做的时候:

import test from './test'

在我的服务器代码中

我明白了:

import test from './test'
^^^^^^

SyntaxError: Unexpected reserved word
   at exports.runInThisContext (vm.js:53:16)
   at Module._compile (module.js:373:25)
   at Object.Module._extensions..js (module.js:416:10)
   at Module.load (module.js:343:32)
   at Function.Module._load (module.js:300:12)
   at Function.Module.runMain (module.js:441:10)
   at startup (node.js:139:18)
   at node.js:974:3
webpack ecmascript-6 ecmascript-5 babel
© www.soinside.com 2019 - 2024. All rights reserved.