ReferenceError 받기 : 변수를 찾을 수 없습니다 : react webpack?

Question

gmail-send (https://www.npmjs.com/package/gmail-send#code-example) nom 모듈을 사용하여 font-end에서 보내는 전자 메일 보내기 옵션 만들기. 이 문제를 구현하는 동안 'ReferenceError : 변수를 찾을 수 없습니다 : 필요'합니다. web-pack-config.js에 놓친 것이 있습니까? 여기

내 웹팩 config.js 코드는,

var webpack = require('webpack'); 
var LiveReloadPlugin = require('webpack-livereload-plugin'); 

    module.exports = { 
     target: 'node', 
     entry:['./src/custom-script.js', './src/main.js'], 
     output: { 
      path: __dirname, 
      filename: "build/bundle.js" 
     }, 
     resolve: { 
      extensions: ['', '.js', '.jsx', '.json', 'index.json'] 
     }, 
     module: { 
      loaders: [ 
      {test: /\.json$/, loader: "json-loader"}, 
      { 
       test: /\.jsx?$/, 
       loader: ['babel-loader'], 
       exclude: /node_modules/, 
       query: { 
       presets: ['react', 'es2015', 'stage-0'] 
       } 
      } 
      ] 
     }, 
     plugins: [ 
      new webpack.DefinePlugin({ 
      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV) 
      }), 
      new webpack.optimize.DedupePlugin(), 
      new webpack.optimize.OccurenceOrderPlugin(), 
      new LiveReloadPlugin() 
     ] 
    }; 

코드 반응, 내가이 코드에서 놓친

import React from 'react'; 
import { render } from 'react-dom'; 

class SendMail extends React.Component { 
    handleSubmit() { 
     var send = require('gmail-send')({ 
      user: 'user@gmail.com',    // Your GMail account used to send emails 
      pass: 'abcdefghijklmnop',    // Application-specific password 
      to: '"User" <user@gmail.com>',  // Send back to yourself 
      // from: '"User" <user@gmail.com>' // from: by default equals to user 
      // replyTo:'user@gmail.com'   // replyTo: by default undefined 
      subject: 'test subject', 
      text: 'test text' 
      // html: '<b>html text text</b>' 
     }); 

     send({       
      subject: 'attached ' 
     }, function (err, res) { 
      console.log('send(): err:', err, '; res:', res); 
     }); 
    } 
    render() { 
     return (
      <div> 
       <button className="button button-primary button-fluid" onClick={this.handleSubmit.bind(this)}>Send code</button> 
      </div> 
     ); 
    } 
} 

export default SendMail; 

아무것도!

Answer 1

왜

import React from 'react'; 
import { render } from 'react-dom'; 
import gmailSend from 'gmail-send'; // Importing 

class SendMail extends React.Component { 
    handleSubmit() { 
     var send = gmailSend({ // calling 
       ... 
     }); 
    } 
     ... 
} 

export default SendMail;