如何使用 webpack 将全局 JS 文件包含到我的 React 项目中？

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']
                }
            }
        ]
    }
};

谁能告诉我如何正确包含这个文件以及它在 webpack 代码中的位置？

Answer 1

我不确定你需要什么，但 webpack 是你的构建系统，所以它在你想要的层次上发挥作用。 如果要在各种文件中包含函数，则需要在需要的任何位置包含该文件：

global.js

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

需要函数的文件：

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