我如何使用 webpack 导入整个 js 文件？

Question

我想将我的文件 functions.js 导入我的文件 index.js 并使用变量和函数在 functions.js.

例如：我的文件 functions.js 中有一个变量 x。我导入 functions.js 就像“导入'./functions.js';”在我的 index.js 中。该路径肯定是正确的（它们在同一目录中）。但是当我尝试使用 x 时，出现下一个错误 -> “index.js:01 未捕获的引用错误：x 未定义”

functions.js export var x = 0;

index.js

import './functions.js';
console.log(x);

谢谢！ :)

Answer 1

模块的意义在于摆脱在单个范围内共享所有内容的业务（全局范围，默认情况下在非模块脚本中）。如果你想这样做，不要使用模块，使用非模块脚本。

模块根据

定义

他们提供什么 (export)
他们的期望 (import)

一般来说，您最好将这些关系明确化：

import { x } from "./fonctions.js";
// ...use `x`...

假设 x 是一个 命名导出 :

export const x = /*...*/;
// or
export function x() {
    // ...
};
// etc.

在 JavaScript 模块中最接近“从 X 导入所有内容”构造的是 模块命名空间对象 导入，它看起来像这样：

import * as fonctions from "./fonctions.js";

然后您将使用 fonctions.x 来指代 x。但是，x还是要从fonctions.js导出（同上）。未显式导出的模块中声明的任何内容都是该模块私有的，因此它不会显示在模块名称空间对象上。

我如何使用 webpack 导入整个 js 文件？

How i can import an entire js file with webpack?

javascript

webpack