javascript - ReactJS 项目中 webpack 导入的行为是什么?

标签 javascript reactjs webpack

我在我的 ReactJS 项目中使用了多个第三方库,如 lodash、d3 等。我刚刚发现我没有编写显式导入 喜欢 从“d3”导入 d3从'lodash'导入_ 在我的所有组件中(不过我已经将它们导入到了一些组件中)。然而一切都工作正常,我还可以在浏览器控制台中获取 d3 对象和 _ 。应该怎样呢? 考虑到这是正常的行为,我可以只导入 node_modules 依赖项以便在我的应用程序(根)组件中仅 react 一次,并且根本不在所有其他子组件中导入它们。

P.S 我正在使用 webpack 1 并且我已经验证了该行为。

最佳答案

即使它有效,这也是一种不好的做法,所以我的建议是玩得好并且始终显式导入您正在使用的模块。

它起作用的原因可能是因为其中一些模块在导入时声明了全局变量,因此不导入它们的组件仍然达到全局。

关于javascript - ReactJS 项目中 webpack 导入的行为是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44822137/

相关文章:

javascript - Express.js 在动态创建的路由中传递变量

javascript - 使用 Javascript/CSS 绘制 PNG 中的所有像素(不包括透明)?

javascript - Redux getState 返回服务器上的初始状态

node.js - 无法为我的静态资源 Express 设置缓存控制 header

reactjs - 如何在MUI中将anchorEl与styled()一起使用?

javascript - Webpack html-loader 返回完整的模块定义

Webpack配置: Conditionally import module

javascript - 从javascript中的对象的键值对中删除键

javascript - Webpack - 动态需求和路径

javascript - 如何使用 Intern 在功能测试期间报告 JavaScript 错误?