我可以将Browserify bundle/模块脚本与脚本src>包括脚本
Can I mix a Browserify bundle/module scripts with <script src> included scripts?
我正在做一个后期采用Browserify的项目。
我们手动包含了许多React组件,以及它们的依赖关系,在需要它们的地方作为<script>
标记,包括一些包含常见React组件的文件。
<!-- includes ComponentA and dependencies, including React -->
<script src="/js/browserify-bundle.js"></script>
<script src="/js/react.min.js"></script> <!-- React included here too -->
<script src="/js/react-dom.min.js"></script>
<!-- ...more dependencies... -->
<script src="/js/common-components.js"></script>
<!-- ...more components/script includes... -->
我正在编写第一个React组件作为ES6模块,但由于我们的情况,模块依赖最终被加载两次;首先从script标签中给出的手动依赖项中获取,然后从Browserify包中获取。
删除包含React的script标签会破坏公共组件,但保留它会导致像这样的React重复错误,因为有两个React浮动在那里。
这是否意味着没有办法通过(例如)告诉Browserify使用手动React include来暂时弥合这个差距?这样,我们就可以开始使用Browserify了。是否绝对有必要把我们所有的组件/脚本都变成ES6模块,并让所有的东西都使用Browserify来避免这种情况?
也许您可以根据您的情况使用browserify-shim
。它允许你声明一个模块已经在全局作用域中可用。
在你的package.json
:
"browserify-shim": {
"react": "global:React"
},
"browserify": {
"transform": [ "browserify-shim" ]
}
希望这能让你暂时弥合差距
相关文章:
- 如何动态更改脚本src
- 内容安全策略指令:;脚本src'self'blob:文件系统:chrome扩展资源:“;获取是否时
- 如何在 html 页面上动态添加路由到脚本 src
- 如何使用jquery或vanillajavascript从iframe中获取两个脚本src
- 获取在 <脚本 src >标记中添加的请求 URL 的状态
- HTML 脚本 src=“” 使用按钮触发重定向
- 脚本 SRC 归因有时在.php文件中不起作用
- 脚本 src=//example.com/file.js 是否有效
- 将 var 从脚本标记传递到脚本 src
- 谷歌标签管理器添加&instrad of just&转换为脚本src
- 无法使用外部javascript更改html脚本src
- 将location.href添加到脚本src中
- 追加脚本SRC导致跨源请求错误
- 执行动态创建的脚本src链接
- 使用<脚本src=..查找站点的状态代码-安全问题
- 没有内联脚本,仍然得到"由于内容安全策略指令而被拒绝:“;脚本src'self'&”;
- 当脚本src添加到head时,不会调用jQuery函数
- 脚本src不工作.它的脚本有效吗
- 嵌入<脚本src=>从remote.js重写高度
- 链接到外部js文件不工作<脚本src="client.js"