ReactJs - 我可以分别在react项目中加载Common js库吗?

时间:2017-11-30 14:53:51

标签: javascript reactjs

我有一个项目,它有两个独立的Reactjs项目。两个反应项目都是由 React create app 创建的,并且正在使用JSX语法。我的命令是npm run build

我想知道是否有一种方法可以优化它们,以便单独加载React核心/基本 js库,并且在两个项目中都很常见,以利用缓存。两者都有React,axios,Redux,bootstrap库。

让我们说如果我在标题

中加载这些脚本
<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>

但我想在npm run build创建构建文件时会包含相同的脚本。

一个项目的 .js 文件大小 328KB ,另一个项目 800KB ,一些优化可以帮助我。

请指教。 感谢

P.S。对于任何想知道它们为什么是两个独立项目的人来说,它们是向客户/用户提供的两个完全独立的工具,我不想在同一个项目中混合它们以不必要地增加复杂性。

1 个答案:

答案 0 :(得分:0)

拒绝您的create-react-app项目并修改webpack配置。

https://webpack.js.org/configuration/externals/

试试这个。