WebPack and Require

我有一个模块a如下，模块a是使用web包捆绑，它包括模块b。这个模块还使用require变量导出Highcharts库

A.js (modules文件夹下::src/main/webapp/resources/js/modules)

var HighCharts = require("highchart");
var moduleB = require("../common/B.js"); //so that we can call draw() of moduleB
$(document).ready(function() {
    moduleB.print();
}

B.js(在Common文件夹下:src/main/webapp/resources/js/Common)

var print = function() {
console.log("something");
draw();
}
var chart;
function draw() {
    chart = new Highcharts.Chart({
    });
}
exports.print = print;

当我加载javascript时，它给我一个错误，Highcharts是未定义的。

//如何加载

chart = new Highcharts.Chart({
        });

为了避免这个错误，我做了以下操作:

在B.js中做了以下操作:

var Highcharts = require(' Highcharts ');

还将B.js从common文件夹移动到modules文件夹，因为它现在是一个入口点(从src/main/webapp/resources/js/common移动到src/main/webapp/resources/js/modules)

WebPack给我以下错误。
./src/main/webapp/resources/js/modules/A.js模块找不到:错误:入口点的依赖是不允许的@ ./src/main/webapp/resources/js/modules/A.js 7:14-37

Webpack.config.js

入口点将是modules文件夹下的所有文件。

var path = require('path');
var webpack = require("webpack");
var glob = require("glob");
//var BowerWebpackPlugin = require("bower-webpack-plugin");
var jsSrcPath = 'src/main/webapp/resources/js/modules/**/*.js';
var jsDestPath = 'src/main/webapp/resources/build/js/modules';
var cssPath = '';

var files = glob.sync(jsSrcPath, {});
var entries = {};

for (var i = 0; i < files.length; i++) {
  var file = files[i];
  entries[file.replace(/^.*['''/]/, '').replace(/'.[^/.]+$/, "")] = path.join(__dirname, file);
}
var webpackOptions = {
  cache: true,
  watch: false,
  entry: entries,
  output: {
    path: __dirname + "/" + jsDestPath,
    filename: '[name].js',
  },
  module: {
    loaders: [{
        test: /.(?:jsx|js)$/,
        exclude: /node_modules/,
        loader: 'babel-loader?blacklist=useStrict'
      },
      // }, {
      //   test: /'.json/,
      //   exclude: /node_modules/,
      //   loader: 'json-loader'
      // }, {
      //   test: /'.css$/,
      //   exclude: /node_modules/,
      //   loader: "style!css"
      // }, {
      //   test: /'.scss$/,
      //   exclude: /node_modules/,
      //   loader: 'style-loader!css-loader!sass-loader!autoprefixer-loader?browsers=last 10 version'
      // }, {
      //   test: /'.(png|jpg)$/,
      //   exclude: /node_modules/,
      //   loader: 'url-loader?limit=999999'
      // }, {
      {
        test: /vendor'/.+'.(jsx|js)$/,
        exclude: /node_modules/,
        loader: 'imports?jQuery=jquery,$=jquery,this=>window'
      }
    ]
  },
  resolve: {
    root: [path.join(__dirname, "bower_components")],
    extensions: ['', '.js', '.json', '.jsx', '.css']
  },
  plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
    }),
    // new webpack.optimize.UglifyJsPlugin({
    //   compress: {
    //     warnings: false
    //   }
    // })
  ],
  devServer: {
    contentBase: ".",
    noInfo: true, //  --no-info option
    hot: true,
    inline: true
  }
};

module.exports = webpackOptions;

PS:最初B.js是外部模块文件夹，因为它不是入口点。后来它被移动到modules文件夹中，因为我们把它作为入口点。