我在多个 Webpack 项目中使用了许多 React 组件,我想通过 NPM 共享它们。所以我很自然地:
- 将这些组件放入(私有)GitHub 存储库中
- 将该存储库添加到主项目中
package.json
- 为了能够同时在组件库上进行开发,我使用了
npm link
将其符号链接到我的主项目中。
但是Webpack无法解析react
从我的库组件文件中,因为没有node_modules
在库项目文件夹或其任何父级文件夹中。
我见过第 3 方 React 组件是作为捆绑包构建的react
in the externals
Webpack 配置,但我不想构建单独的包或做任何复杂的事情,我只想需要我的库组件的原始源。有谁知道这是怎么做到的吗?
我希望我能找到一个更优雅的解决方案,但将其添加到我的webpack.config.js
worked:
resolve: {
fallback: path.resolve(__dirname, 'node_modules')
},
resolveLoader: { root: path.join(__dirname, "node_modules") },
然而,我最终决定在 git 子模块中的项目之间共享组件会更容易。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)