首页 > 解决方案 > path.join 在 require 语句中

问题描述

我尝试Path.joinrequire这样的语句中使用:

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.joinrequire

此致

标签: javascriptnode.jswebpackdynamic

解决方案


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 并且从调用它的文件或函数的角度运行。因为您说这是必需的,所以它会在其他任何事情之前立即执行。

前进的最佳实践是停止对 json 文件使用 require。需要缓存内容,因此如果生产环境中的 JSON 文件发生更改,您的用户可能会获得旧数据。而是使用fs.readfile(path, (err, data) => JSON.parse(data))

你可能想在你的情况下尝试一个 webpack 配置。

WEBPACK DOCS:不检查需要依赖项

WEBPACK DOCS:生成 Require Func

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

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


推荐阅读