Javascript 如何使用webpack将全局JS文件包含到React项目中?
我第一次使用React,我发现有一些JS函数需要跨多个JSX文件使用 我看了一些示例,但不知道如何正确地包含我的Javascript 如何使用webpack将全局JS文件包含到React项目中?,javascript,reactjs,webpack,Javascript,Reactjs,Webpack,我第一次使用React,我发现有一些JS函数需要跨多个JSX文件使用 我看了一些示例,但不知道如何正确地包含我的global.js文件 我的文件夹结构: /dist /src /components /sass /img index.js global.js webpack.config.js 这是我的网页包文件: var path = require('path'); var webpack = require('webpack'); module.exports =
global.js
文件
我的文件夹结构:
/dist
/src
/components
/sass
/img
index.js
global.js
webpack.config.js
这是我的网页包文件:
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']
}
}
]
}
};
有谁能告诉我如何正确地包含这一个文件以及它在网页代码中的位置吗?我不确定您需要什么,但网页是您的建筑系统,因此它在较低级别上播放您想要的内容。如果要在各种文件中包含函数,则需要在需要的任何位置包含该文件:
global.js
module.export = {
func1: ..,
func2: ..
}
需要函数的文件:
var globals = require('path/to/global.js')
我需要从任何
*.jsx
文件中访问global.js
中的函数。我知道的唯一方法是在每个文件中都需要它(例如,当使用react
时,您需要在每个文件中都需要react,所以我看不出再添加一行的问题)。也许有一种方法可以在构建阶段将代码添加到每个文件中,但这似乎不是一种很好的实践me@Steven我认为你应该成为一名加载者:这是你实现目标所需要的