Reactjs 开发人员如何知道如何使用网页包导入模块?

Reactjs 开发人员如何知道如何使用网页包导入模块?,reactjs,webpack,lodash,Reactjs,Webpack,Lodash,开发人员如何知道如何使用网页包导入模块 例如,我可以使用如下所示的React钩子 import React, { useState } from 'react' useState() // or import React from 'react' React.useState(); 但是,我怎么知道呢 我认为它可以与“node_modules/react/index.js”相关,但它只显示下面的代码 module.exports = require('./cjs/react.developme

开发人员如何知道如何使用网页包导入模块

例如,我可以使用如下所示的React钩子

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?

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

它是这样写的-

import _ from 'lodash'

阅读图书馆的文档,它通常会告诉你如何使用它,包括如何导入它。谢谢你回复我。我阅读了React和lodash的文档和来源,但我仍然不清楚为什么我可以这样写。那么导入如何?因为“lodash”中的“导入”用于导入整个包。虽然我不知道模块导出是如何工作的。但我知道,您可以从“lodash”导入您需要的特定内容,如导入{map},以减少加载时间并提高效率。