webpackを使用してReactプロジェクトにグローバルなJSファイルを含めるにはどうすればよいですか？

Question

私はReactを初めて使用しています。私は、複数のJSXファイル全体で使用する必要があるいくつかのJS関数があることを発見しました。

私はいくつかの例を見てきましたが、私のglobal.jsファイルを正しく含む方法を理解できません。

マイフォルダ構造：

/dist 
/src 
    /components 
    /sass 
    /img 
    index.js 
    global.js 
webpack.config.js 

これは私のWebPACKのファイルです：

var path = require('path'); 
var webpack = require('webpack'); 

module.exports = { 
    entry: "./src/index.js", 
    output: { 
     path: __dirname + "/js/", 
     filename: "bundle.js" 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.jsx?$/, 
       exclude: /node_modules/, 
       loader: 'babel', 
       query: { 
        cacheDirectory: true, 
        presets: ['es2015', 'react'] 
       } 
      } 
     ] 
    } 
}; 

誰がどのように正しく、これは行く、この1つのファイルとWebPACKのコードでを含めるように教えてもらえますか？

Answer 1

私はあなたが必要とするものについてはわかりませんが、webpackはあなたの建物システムなので、あなたは何を望んでいるのかより低いレベルでプレーします。あなたは、さまざまなファイル内の関数を含めたい場合は、あなたがそれを必要な場所にファイルをインクルードする必要があります。

global.js

module.export = { 
func1: .., 
func2: .. 
} 

あなたが機能を必要とするファイル：

var globals = require('path/to/global.js')