如何将自定义库添加到临时文件

Question

在 PhpStorm/WebStorm 中，如何添加自定义库以便编译文件？在我的例子中是 Lodash?

我尝试将 lodash 添加到全局库，但没有帮助...

Answer 1

使用 require 和相对路径。

这是一个在临时文件中使用 lodash 的疯狂示例：

const _ = require('./../../../DEV/node_modules/lodash');

var anything = [1, 2];

_.map(anything, function (item) {
    console.log('Working >-P');
    return item;
});

Answer 2

var path = require('path');
_require = require;
require = function (p) {
  var absPath = path.join(process.cwd(), p);
  var relPath = path.relative(__dirname, absPath);
  return _require(relPath);
}

var Query = require('./server/libs/query_builder.js');

回答有点晚，但是如果你像我上面显示的那样替换 require 函数就可以正常使用它。

Answer 3

在这种情况下，我建议使用名为 Quokka.js 的插件，可用于 Webstorm 和其他 JetBrains 工具。

它会自动识别来自 node_modules 的库并具有许多其他功能（比纯草稿文件效果更好）。

当您安装它时，默认的 scratch Javascript 和 Typescript 文件将与 Quokka 一起使用。

您将在官方工具页面上找到详细信息：https://quokkajs.com/

请select主页上的 JET BRAINS 工具。希望对你有帮助。

Answer 4

事实上，您只需将 package.json 文件添加到您的划痕中即可。

您可以手动创建一个，但以下内容可能更实用：

右键单击任何临时文件，然后 select“在终端中打开”。你会注意到它会直接在 scratches 的文件夹中打开终端。也就是 C:\Users\ba\AppData\Roaming\JetBrains\WebStorm2020.2\scratches.

这样的文件夹

由于您现在位于正确的目录中，您只需从该终端运行 npm init 即可创建 package.json 文件。 （系统会提示您一系列问题，但如果您对默认值没问题，则可以按回车键回答所有问题）

此文件将与其他文件一起出现在您的划痕中。

回答你的具体问题，如果你想将lodash添加到那些包中，你可以按照上面提到的方式打开终端。该终端将位于正确的文件夹中。然后你可以从那里运行你的 npm install lodash。

如何将自定义库添加到临时文件

How to add a custom library to a scratch file

jetbrains-ide

intellij-idea

phpstorm

webstorm

scratch-file