在客户端使用带有require模块的webpack在NodeJS应用程序中使用Javascript

时间:2016-05-30 21:38:50

标签: javascript node.js reactjs webpack redux

我尝试按照此tutorial在我的NodeJS应用程序中创建一个redux表单。我把代码放在我的客户端Javascript文件中并尝试运行我的应用程序,但我得到了一个"要求未定义错误"。我使用webpack来编译我的Javascript文件,这是其他post建议的,所以我不确定如何在客户端使用require模块。为了能够使用require模块,我是否缺少一个步骤?

这些是我的client.js文件中导致错误的行:

import React, { Component, PropTypes } from 'react'
import { reduxForm } from 'redux-form'

这就是我在webpack.config.js文件中所拥有的:

var webpack = require('webpack');
var path = require('path');
var nodeExternals = require('webpack-node-externals');
var React = require('react');
var redux = require('redux');


var BUILD_DIR = path.resolve(__dirname, 'public');
var APP_DIR = path.resolve(__dirname, 'app');

var config = {
    entry: APP_DIR + '/client.js',
    output: {
        path: BUILD_DIR,
        filename: 'bundle.js'
    },
    target: 'node',
    externals: [nodeExternals()],
    module: {
        loaders: [
            {
                test: /\.jsx?/,
                include: APP_DIR,
                loader: 'babel'
            }
        ]
    }
};


module.exports = config; 

0 个答案:

没有答案