javascript - path.join 在 require 语句中

Question

我尝试使用 Path.join在 require像这样的声明:

import Path from 'path'

const assetPath = Path.join(process.cwd(), `./lib/asset-manifest.json`)

console.log(assetPath)
'/home/dev/Website/lib/asset-manifest.json'

console.log(
  assetPath === '/home/dev/Website/lib/asset-manifest.json'
)
true

const assets = require(assetPath)

但这会引发错误:

Error: Cannot find module '/home/dev/Website/lib/asset-manifest.json'

虽然文件在那里并且require如果我手动将字符串放入其中，则有效:

const assets = require('/home/dev/Website/lib/asset-manifest.json')

所以我想知道为什么不Path.join在 require 工作?

此致

Answer 1

import path from 'path';

// you can use process.cwd() if you want
const assetPath = path.join(path.dirname(require.main.filename), `lib/asset-manifest`);

const test = () => {
  var assets = require(assetPath);
  console.log(assets);
};

export default test();

您需要将 require 包围在函数内。否则 require 将在路径分配给assetPath 变量之前运行。这是因为 require 是 SYNC 并且从调用它的文件或函数的 Angular 运行。因为您说这是必需的，所以它会在其他任何事情之前立即执行。
前进的最佳实践是停止对 json 文件使用 require。需要缓存内容，因此如果生产环境中的 JSON 文件发生更改，您的用户可能会获得旧数据。而是使用 fs.readfile(path, (err, data) => JSON.parse(data))你可能想在你的情况下尝试一个 webpack 配置。
WEBPACK DOCS: Don't Check Require Dependencies
WEBPACK DOCS: Generate Require Func

const requireJSON = typeof __webpack_require__ === "function" ? __non_webpack_require__ : require;
const assets = requireJSON(assetPath);

这应该返回要求的所有可能路径。