webpack.config.jsに適切な設定をしているのにimport又はrequireがコンパイルされておらず、require is not definedと怒られる

Question

問題）
jquery.lazyload.jsと$(○○).lazyloadを利用する.jsファイルを結合する
ためimport及びrequireで定義、下記設定のwebpackでコンパイルを実行、
その後、index.jsx内の<script src='結合した.js'></script>と定義
すると、require is not definedとエラーになる
開発環境）
・jQueryからReact.jsベースに書き換えるため、コンパイル結合にwebpack
を利用（gulp、grantは本件では扱わないため除外します）
・express(node.js)のapp.jsで、css/jsのhtml(.jsx)から./及び/で
アクセスできるリンク先をプロジェクト名/publicに指定 →よって、index.jsx
(プロジェクト名/views)から<script src=○○.js></script>を指定する
には、プロジェクト名/public内に記載しなければ参照できない
→ ☓ ./../別のjsファイル.js
状況）
webpackでコンパイルした筈の.jsファイルをindex.jsxで<script src・・・
から指定すると、require is not definedとエラーになる
→ では、index.jsx内に複数のjsを網羅的に<script src・・・を複数記載
すればいいのでは？と思いやってみるが、今度は、js同士の結合ができていない
状態（jquery.lazyload.jsと$(○○).lazyloadを使うjsファイル）となり、
lazyload is not definedとエラーになる（別issueに記載、.ejsでは
問題ないが、.jsx内に書くからそうなるのか？現在質問済み、回答待ち）

webpack.config.jsコード）
var webpack = require ('webpack');
var webpackNodeExternals = require ('webpack-node-externals');
module.exports = {
  target :'node',
  entry :{
    jsA :'./○○/○○.js
    jsB :'./○○/○○.js
    jsC :'./○○/○○.js
  },
  output :{
    path :__dirname + '/○○/○○',
    filename :[name].js
  },
  context :__dirname,
  node :{
    __filename :true,
    __dirname :true,
  },
  externals :[webpackNodeExternals()],
  module :{
    loaders :[
      {
         test :/\.js$/,
         exclude :/node_modules/,
         loader :'babel-loader',
         query :{
           presets :['es2015'],
         },
      },
    ],
  },
}, {
・・・
（React.js等をコンパイルする設定のため省略する）
};

.babelrcコード）

{
  "presets" :["es2015", "react"]
}

○○.jsコード）
import $ from 'jquery';
import '・・・/jquery-lazyload.js';又は、require ('jquery.lazyload.cjs')($)の両方試している

Answer 1

target :'node'になっているからではないですか？ブラウザで読み込むのであればtarget: 'web'に設定して require を使わないように変換するんだと思っていました。
https://webpack.github.io/docs/configuration.html#target
Webpackは使い始めたばかりなので間違っていたらゴメンナサイ。

Comments

[kazuyu]

express www及びapp.js、routesフォルダ内のjsをコンパイルするには、
target :'node'の設定が必要です。
routesフォルダ内のroute.jsからindex.jsxにrenderしてindex.jsxを表示しています。
上記コードでは、index.jsxからjsA.js, jsB.js, jsC.jsをimport(require)している
ため、target :'web'にするとエラーになってしまいます。
お手数ですが具体的なコード上での解決策をご提示頂ければ幸甚です。