开发人员如何知道如何使用 webpack 导入模块？答案

【问题标题】：How can developer know how to import module with webpack?开发人员如何知道如何使用 webpack 导入模块？
【发布时间】：2020-05-25 15:32:59
【问题描述】：

开发者如何知道如何使用 webpack 导入模块？

例如，我可以使用下面的 React Hooks

import React, { useState } from 'react'
useState()
// or
import React from 'react'
React.useState();

但是，我怎么知道呢？

我认为它可能与“node_modules/react/index.js”有关，但它只显示在下面的代码中。

module.exports = require('./cjs/react.development.js');

我假设 module.exports 类似于 ES 模块中的 export default，但实际上我可以在 weback 中同时使用默认导入和命名导入。我很迷茫。

再举个例子，当我使用lodash时，官方文档是这样说的。

var _ = require('lodash');

这是否意味着我应该这样写

import _ from 'lodash'

还是这样？

import { _ } from 'lodash'

webpack 在内部如何与 ES 模块和 CommonJS 协同工作？

【问题讨论】：

【解决方案1】：

第一步是阅读文档并尝试实现指定的方法。接下来，您可以从 Github 读取特定模块的源代码，然后弄清楚它是如何导出的。我认为文档确实提供了有关如何导入模块和使用它们的足够信息。

而且是这样写的-

import _ from 'lodash'

【讨论】：

感谢您回复我。我阅读了 React 和 lodash 的文档和来源，但我仍然不清楚为什么我可以按上述方式编写。 import * as _ from 'lodash' 怎么样？
_ 用于导入整个包。虽然我不知道模块导出是如何工作的。但我知道您可以导入您需要的特定内容，例如 -import {map} from "lodash" 以减少加载时间并提高效率。