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')

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

1 个答案: