deno 从 deno.land/x 导入 lodash

Question

我无法找到正确的语法/URL 来在 Deno 程序中导入 Lodash。 我试过这个：

import _ from 'https://deno.land/x/lodash@4.17.19/lodash.js';

这给出了错误“未捕获的语法错误：请求的模块 'https://deno.land/x/lodash@4.17.19/lodash.js' 不提供名为 'default' 的导出”。

然后我尝试了这个：

import * as lodash from 'https://deno.land/x/lodash@4.17.19/lodash.js';

这似乎给了我一个空的模块对象。

我想看一个从 Deno 程序访问 Lodash 任何功能的示例。

Answer 1

所以经过一些小实验，我找到了两种将lodash 导入deno 环境的方法。

1。将 deno 视为普通浏览器环境

import "https://deno.land/x/lodash@4.17.19/dist/lodash.js";

// now `_` is imported in the global variable, which in deno is `self`
const _ = (self as any)._;

console.log(_.chunk([1, 2, 3], 2)); // --> [ [ 1, 2 ], [ 3 ] ]

2。 deno 中的假节点功能

在deno std中，有一个node模块：

此模块旨在为 NodeJS 标准库提供兼容层。

import { createRequire } from "https://deno.land/std@0.86.0/node/module.ts";

const require = createRequire(import.meta.url);

// seems require don't known how to import file from web, 
// so you must download it in your local filesystem.
const _ = require("./lodash.js");  

console.log(_.chunk([1, 2, 3], 2)); // --> [ [ 1, 2 ], [ 3 ] ]

添加类型信息

这是我找到的，有点麻烦。

1. 从https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/lodash下载类型信息
2. 编辑从xxx 到xxx.d.ts 的每个导入。例如：在文件common/common.d.ts：

// before
import _ = required("../index");
declare module "../index" {
/* ... */

// after
import _ from "../index.d.ts";
declare module "../index.d.ts" {
/* ... */

1. 现在您可以导入类型信息并使用它

import type Lodash from "./types/lodash/index.d.ts";

const _: typeof Lodash = (self as any)._;

// now _ is typed

a vscode screenshot to demonstrate type info

---

这里是lodash的源文件中的一些sn-p，我觉得和import有关。

  // Detect which environment you're currently in:

  /** Detect free variable `global` from Node.js. */
  var freeGlobal = typeof global == 'object' && global && global.Object === Object && global;

  /** Detect free variable `self`. */
  var freeSelf = typeof self == 'object' && self && self.Object === Object && self;

  /** Used as a reference to the global object. */
  var root = freeGlobal || freeSelf || Function('return this')();

  /** Detect free variable `exports`. */
  var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;

  /** Detect free variable `module`. */
  var freeModule = freeExports && typeof module == 'object' && module && !module.nodeType && module;

  /** Detect the popular CommonJS extension `module.exports`. */
  var moduleExports = freeModule && freeModule.exports === freeExports;

  /** Detect free variable `process` from Node.js. */
  var freeProcess = moduleExports && freeGlobal.process;

  // ...

  // And how `lodash` exports its functionality:

  // Some AMD build optimizers, like r.js, check for condition patterns like:
  if (typeof define == 'function' && typeof define.amd == 'object' && define.amd) {
    // Expose Lodash on the global object to prevent errors when Lodash is
    // loaded by a script tag in the presence of an AMD loader.
    // See http://requirejs.org/docs/errors.html#mismatch for more details.
    // Use `_.noConflict` to remove Lodash from the global object.
    root._ = _;

    // Define as an anonymous module so, through path mapping, it can be
    // referenced as the "underscore" module.
    define(function() {
      return _;
    });
  }
  // Check for `exports` after `define` in case a build optimizer adds it.
  else if (freeModule) {
    // Export for Node.js.
    (freeModule.exports = _)._ = _;
    // Export for CommonJS support.
    freeExports._ = _;
  }
  else {
    // Export to the global object.
    root._ = _;
  }

  // ...

Answer 2

在 es 模块中使用版本。更多相同的问题请参见此处。 https://stackoverflow.com/a/62252798/6733679

import _ from 'https://deno.land/x/lodash@4.17.15-es/lodash.js';

console.log(_);