我正在尝试使用服务器构建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