开发时如何避免React两次被Webpack加载

npm Webpack

GO

2020-03-24

给定以下目录结构:

my-project
|
|-- node_modules
    |
    |-- react
    |-- module-x
        |
        |--node_modules
            |
            |--react

您可以看到my-projectmodule-x都需要React。我有与这个问题相同的问题,但建议是从package.json依赖项中删除反应。我这样做了,只要在module-x中没有安装node_modules,它就可以正常工作,因为Webpack将使用my-project中的 React 但是,如果我正在开发module-x并已安装node_modules,则Webpack会同时使用my-projectmodule-x的 React

我有办法让Webpack确保仅使用React的一个实例,即使在两个单独的级别都需要它吗?

我知道我可以在开发时module-x放在一个单独的目录中,但是好像我必须先发布它,然后将其安装在my-project中以对其进行测试,但这并不是很有效。我考虑了一下npm link,但是没有运气,因为它仍然在module-x中安装了node_modules

听起来很像我所面临的相同挑战,但似乎不是这样,npm dedupe或者Webpack的重复数据删除选项可以工作。我可能不了解一些重要的细节。

第3466篇《开发时如何避免React两次被Webpack加载》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android